vue2+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