Oleksandr
да ну... лучше уже айди передать
Anton
мне нужно заменить датапикер в демке https://jsfiddle.net/matfish2/f5h8xwgn/ на этот http://xiemengxiong.me/vue2-datepicker/ (mengxiong10/vue2-datepicker)
https://www.npmjs.com/package/vue-tables-2 Посмотри тут, там внизу есть раздел Slots где говориться как кастомные элементы добавлять, может оно
Завтра
Ребята, никому не нужно ничего запилить? Мани нужны очень
Вольти
https://www.npmjs.com/package/vue-tables-2 Посмотри тут, там внизу есть раздел Slots где говориться как кастомные элементы добавлять, может оно
спасибо - нашел примерчик по скоупам https://www.bountysource.com/issues/48812131-bug-pagination-does-not-properly-re-render-html-input-fields-created-in-templates вроде оно
Wingman
Подскажите плз, как правильно в кастомный компонент передавать и подставлять подобные аттрибуты?
Wingman
Или хоть по какому слову гуглить )
Wingman
ну вот это — потомок ; в родителе я его вызываю, например, как <department></department> Хочу, чтобы при вызове, скажем, <department multiple></department> в потомке этот самый multiple подставлялся или не подставлялся
Wingman
а проблема в том, что я нуп и vue 2 дня назад увидел %)
Alex
:multiple="true" передавайте
Wingman
ну это некрасиво :) А прям вот так, нативно, никак?
Alex
у вас пользовательские компоненты, какие нативные свойства, вы о чем
Завтра
Дверь мне запили
Реактивная дверь с сокетами
Wingman
Ну мало ли, вдруг можно :( Например, как-нить обрабатывать, if (передано) ... а снаружи - просто указывать кейворд при вызове :)
Alex
Реактивная дверь с сокетами
Неплохая идея для стартапа. И чтобы красивый вью фром виндоу
Wingman
Ну ладно, понял, спасибо! :)
Stanislav
:multiple="true" передавайте
так это ж тоже самое, что и multiple
Wingman
:multiple="true" передавайте
А не подскажете, как в дочернем <v-select> это отлавливать потом? :) Ну то есть if туда не воткнёшь же посреди аттрибутов
Stanislav
да? не проверял
Если у пропса тип Boolean указать
Wingman
Ну так я получаю тру/фолс, а как его превратить в доп.аитрибут селекта
Жалгас
props: {multitiple: {type: Boolean, default: false}} <select :multitiple="multitiple"
Wingman
О, спасибо огромное
Wingman
так это ж тоже самое, что и multiple
тогда он передаётся только как стринг, а не как бул. С :multiple - как бул
Wingman
нет https://jsfiddle.net/c01nd01r/mzwk6hf8/1/
<departments multiple=true v-model="deps"></departments> [Vue warn]: Invalid prop: type check failed for prop "multiple". Expected Boolean, got String. —— <departments :multiple=true v-model="deps"></departments> всё ок
Wingman
в каком смысле "писать - не писать"?
Stanislav
в каком смысле "писать - не писать"?
Попробуй в моем примере убрать из шаблона multitiple
Завтра
А ты мальчик или девочка?
Тоже за ник пояснить хочешь?
Wingman
ооооо
Завтра
)
Wingman
Попробуй в моем примере убрать из шаблона multitiple
спасибо огромное. Парой экранов выше я об этом и спрашивал, но мне сказали, так низзя :)
Stanislav
Вот :)
Stanislav
примерно отсюда
Сосбтвенно, поэтому я и влез)
Astr0junk
Парни, я чот сижу туплю
Astr0junk
из компонента проперти родителя ж не правильно менять?
Astr0junk
и нельзя как бы
Astr0junk
this.$set(this.$props, 'period', { from: this.from, last: this.last });
Astr0junk
это ж не тру?
Astr0junk
ну и собственно не работает
Astr0junk
this.$parent.$set(this.$parent, 'period', {from: this.from, last:this.last} )
Astr0junk
а вот так работает. но тоже как то не красиво же?
Astr0junk
Vuex нет
Wingman
Сосбтвенно, поэтому я и влез)
А не подскажешь случайно, как таким же образом правильно такую вот конструкцию передать: :rules="[() => departments.length > 0 || 'Укажите департамент']" ? :)
Πολίτης Τάρταρος
кто-нибудь использовал CSS Modules + PostCSS?
Πολίτης Τάρταρος
c CSS все ок, а когда указываю lang='postcss', настраиваю webpack как в документации, вылетает сборка
Πολίτης Τάρταρος
покажите пример конфига
Astr0junk
так это же не язык препроцессинга
Astr0junk
или как он должен работать?
Wingman
мм... Ты что-то делаешь не то и не там
Ну, пытаюсь правила проверки передать :)
Πολίτης Τάρταρος
Πολίτης Τάρταρος
вручную настраиваю
Stanislav
Тогда хз. Зачем писать lang='postcss'. vue-loader ничего про такое не знает
Astr0junk
@c01nd01r https://github.com/vuejs/vue-loader/issues/74
Astr0junk
чота типа вот этого
Astr0junk
@ValeriyVolkov
Astr0junk
{ test: /\.scss$/, use: ExtractTextPlugin.extract({ use: [ { loader: 'css-loader', options: { minimize: true, importLoaders: 1 } }, { loader: 'postcss-loader', options: { plugins: function () { return [ require('precss'), require('autoprefixer')({ browserslist: AUTOPREFIXER_BROWSERS }) ] } } }, 'sass-loader' ] }) },
Astr0junk
юзаю сасс. postcss loader добавил - на выходе та самая каша из префиксов желанная
Astr0junk
для browserslist: AUTOPREFIXER_BROWSERS
Astr0junk
const AUTOPREFIXER_BROWSERS = ["ie >= 9","ie_mob >= 9","ff >= 30","chrome >= 34","safari >= 7","opera >= 23","ios >= 7","android >= 4.4","bb >= 10"];
Πολίτης Τάρταρος
т.е. ты в *.vue указываешь lang=scss ?
Astr0junk
нет
Πολίτης Τάρταρος
postcss ?
Astr0junk
пардон)) да
Astr0junk
<style lang="scss">
Astr0junk
голова квадрат сегодня)
Stanislav
Да какая разница че там указывать. postcss должен после vue-loader'а работать
Astr0junk
тру
Πολίτης Τάρταρος
аааа я правильно понял, ты в test: /\.vue$/ loaders, не указываешь css лодеры?
Astr0junk
module: { rules: [ { test: /\.vue$/, loader: 'vue-loader' }, { test: /\.pug/i, use: { loader: 'pug-loader' } }, { test: /\.css$/i, use: ExtractTextPlugin.extract({ use: [ { loader: 'css-loader', options: { minimize: true, importLoaders: 1 } }, ] }) }, { test: /\.scss$/, use: ExtractTextPlugin.extract({ use: [ { loader: 'css-loader', options: { minimize: true, importLoaders: 1 } }, { loader: 'postcss-loader', options: { plugins: function () { return [ require('precss'), require('autoprefixer')({ browserslist: AUTOPREFIXER_BROWSERS }) ] } } }, 'sass-loader' ] }) }, { test: /\.(svg)$/, use: { loader: 'svg-url-loader' } }, { test: /\.(png|gif?)(\?[a-z0-9=&.]+)?$/, use: 'url-loader?name=images/[name].[ext]' }, { test: /\.(eot|ttf|woff|woff2)$/, loader: 'file-loader?name=fonts/[hash].[ext]' }, { test: /\^script-loader!$/, use: [ 'script-loader' ] }, { test: /\.js$/, use: { loader: 'babel-loader', options: { presets: ['stage-2', 'es2015', 'es2017'], plugins: [ ['transform-runtime', { helpers: false, polyfill: false, regenerator: true, }], 'transform-object-rest-spread', ], }, } }] },