select. Он связан с родителем через v-model. Изменени селекта(выбор нужного option) изменяет значение в родителе. Но при инициализации не работает
Вот компонент
Vue.component('address-select-control', {
model: {
prop: 'value',
event: 'changeModelId'
},
props: ['params', 'items', 'value'],
template: `
<div class="form-group required">
<label class="control-label">{{ params.label }}</label>
<select :value="value"
:name="params.modelName"
v-on:change="onChangeValue"
aria-required="true"
class="form-control">
<option value="">Выбрать</option>
<option v-for="item, key in items" :value="item.id">{{item.label}}</option>
</select>
<div class="help-block"></div>
</div>`,
methods: {
onChangeValue($event){
var value = event.target.value ? parseInt($event.target.value, 10) : '';
this.$emit('changeModelId', value);
this.$emit('change', value)
}
},
created(){
console.log(this.value)
}
});
var value = event.target.value ? parseInt($event.target.value, 10) : ''; замени на var value = $event.target.value ? parseInt($event.target.value, 10) : '';
Обсуждают сегодня