Vue.set()动态的新增与修改数据,触发视图更新的方法

前端之家收集整理的这篇文章主要介绍了Vue.set()动态的新增与修改数据,触发视图更新的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_4040@<span style="background-color: #ccffcc">

参数:


@H
404_0@


@H_4040@

target:

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


@H
4040@

key:

要更改的具体数据(可以是字符串和数字)


@H
4040@

value :

重新赋的值


@H
404_0@用法:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。


@H_404_0@

例:


<div class="jb51code">
<pre class="brush:js;">
data:{
namelist:[
{message:"叶落森",id:"1"},{message:"姜艳霞",id:"2"},{message:"姜小帅",id:"3"}
]
},

@H_404_0@

注:Vue.set()在methods中也可以写成this.$set()

@H_404_0@Vue.set()不光能修改数据,还能添加数据

@H_404_0@以上这篇Vue.set()动态的新增与修改数据,触发视图更新的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的Vue相关文章