始于此, 终于斯
文章31
标签0
分类13

更新对象数据触发页面响应

如果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 评论

    1. 1 12月6日 回复
      555