如果data中的数据对象没有此属性, 首次设置不会触发响应式更新
此时需要显式赋值
data: function(){
return {
list: {
{name: 'xx'},
{name: 'xx'}
}
}
}
....
this.list[index].show = true; // × 无效
this.$set(this.list[index], "show", true); // ✔️ 成功
Vue3 需要手动更新, 在组件上设置动态key即可
<nut-picker mode="selector" :key="'color'+new Date().getTime()"
v-bind:list-data="color_options"
@confirm="confirmColor"
>
<nut-cell title="颜色" :desc="color" is-link class="field"></nut-cell>
</nut-picker>
1 评论