vue2+composition-api的方式对象增加属性页面不更新

作者: 大海 分类: 互联网 发布时间: 2022-03-21 18:00 ė1368 views 6vue2+composition-api的方式对象增加属性页面不更新已关闭评论

Compoisition API 插件不是 Vue 3,这其实是vue2的限制,github上有这样一个提问: https://github.com/vuejs/composition-api/issues/334

<div>
  <div v-for="item in dataObj">{{item.name}}:{{item.val}}</div>
  <button @click="addAttr">增加对象属性</button>
</div>
const dataObj = ref([{
  name: 1,
  // val: 0, // 默认没有的属性
}])
const addAttr = () => {
  // dataObj.value[0].val = 11 // 新增一个属性,这样数据可以更新但页面不会渲染
  set(dataObj.value[0], 'val', 11) // import { set } from '@vue/composition-api' 还是需要像vue2一样修改属性
}
赞赏

微信赞赏支付宝赞赏

本文出自 纳百川,转载时请注明出处及相应链接。

本文永久链接: https://www.bicner.com/1091.html

Ɣ回顶部