手机版

Vue.set()动态添加和修改数据以触发视图更新

时间:2021-08-30 来源:互联网 编辑:宝哥软件园 浏览:

参数:

目标:要更改的数据源(可以是对象或数组)

关键字:要更改的特定数据(可以是字符串或数字)

值:重新分配的值

用法:向响应对象添加属性,并确保新属性也是响应的,并触发视图更新。

示例:

data : { name list :[{ message : ' Ye ',id:'1'},{message:' Jiang ',id:'2'},{ message: ' Jiang Xiaoshuai ',ID :' 3'}。{ message : ' yeluosen ',id :' 1'})注意:Vue.set()也可以写成这样。方法中的$set()

Vue.set()不仅可以修改数据,还可以添加数据

data : { items :[{ message : ' Test one ',id:'1'},{message:'Test two ',id:'2'},{message:'Test three ',id:'3'} ]},var item len=this . items . length;Vue.set(this.items,itemLen,{message:'Test add attr ',id : item len });上面的Vue.set()动态添加和修改数据,触发视图更新的方法是边肖共享的所有内容。希望能给大家一个参考,支持我们。

版权声明:Vue.set()动态添加和修改数据以触发视图更新是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。