Vue3.0 props是数组时,如何更新?
发布于 4 年前 作者 banyungong 4929 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

我测试了props为对象时,异步更新,子组件的响应没有问题,但是数组类型的更新却不成功。有人知道怎么做吗?
demo代码在这里

<div id="hello-vue" class="demo">
{{ message }}
<todo-item :todos="mylist" />
</div>

let mylist = Vue.reactive([
  { text: "init todo text" },
  { text: "init todo text2" },
  { text: "init todo text3" },
]);
Vue.onMounted(() => {
  console.log("main component");
  setTimeout(() => {
    console.log("2s later");
    mylist = [
      { text: "changed todo 2s" },
      { text: "changed todo 2s" },
      { text: "changed todo 2s" },
    ];
  }, 2000);
});
回到顶部