Здравствуйте. Подскажите пожалуйста. При передаче массива через props, не обновляется значение переменной в data.
Переменная
pickeds не обновляется когда меняется значение переданного значения
value когда мы переходим на следующий элемент
<app-some :value='items[activeId].value' ></app-some>
Вот
примерVue.component('app-some', {
props: ['value'],
data() {
return {
pickeds: this.value
}
},
template: `
<div>
<label v-for='(picked, index) in pickeds' style='margin: 15px' :key='index'>
<input type='checkbox' :checked='pickeds[index]'> {{ index }}
</label>
</div>`
});
new Vue({
el: '#app',
template: `
<div>
<app-some :value='items[activeId].value' ></app-some>
<button :disabled='activeId===0' @click='activeId--' >Назад</button>
<button :disabled='activeId===items.length-1' @click='activeId++' >Далее</button>
<pre>{{ items[activeId].value }} </pre>
</div>`,
data() {
return {
activeId: 0,
items: [ { value: [false, true, false] }, { value: [true, true, false] }]
}
}
})
