Oleksandr
да ну... лучше уже айди передать
Anton
Завтра
Ребята, никому не нужно ничего запилить? Мани нужны очень
Wingman
Подскажите плз, как правильно в кастомный компонент передавать и подставлять подобные аттрибуты?
Alex
Wingman
Или хоть по какому слову гуглить )
Alex
Wingman
ну вот это — потомок ; в родителе я его вызываю, например, как <department></department>
Хочу, чтобы при вызове, скажем, <department multiple></department> в потомке этот самый multiple подставлялся или не подставлялся
Wingman
а проблема в том, что я нуп и vue 2 дня назад увидел %)
Alex
:multiple="true" передавайте
Wingman
ну это некрасиво :) А прям вот так, нативно, никак?
Alex
у вас пользовательские компоненты, какие нативные свойства, вы о чем
Wingman
Ну мало ли, вдруг можно :( Например, как-нить обрабатывать, if (передано) ...
а снаружи - просто указывать кейворд при вызове :)
Wingman
Ну ладно, понял, спасибо! :)
Завтра
Stanislav
Alex
Alex
Wingman
Ну так я получаю тру/фолс, а как его превратить в доп.аитрибут селекта
Alex
Жалгас
props: {multitiple: {type: Boolean, default: false}}
<select :multitiple="multitiple"
Wingman
О, спасибо огромное
Stanislav
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>
всё ок
Stanislav
Wingman
в каком смысле "писать - не писать"?
MaybeLocal
Wingman
ооооо
Завтра
)
Stanislav
Вот :)
Wingman
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?
Stanislav
Stanislav
Πολίτης Τάρταρος
c CSS все ок, а когда указываю lang='postcss', настраиваю webpack как в документации, вылетает сборка
Πολίτης Τάρταρος
покажите пример конфига
Astr0junk
так это же не язык препроцессинга
Astr0junk
или как он должен работать?
Stanislav
Πολίτης Τάρταρος
Πολίτης Τάρταρος
вручную настраиваю
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',
],
},
}
}]
},