vue.set()用法
生活知识 2022-11-01 08:40www.tongjingw.cn生活知识
vue.set()用法是什么呢？不知道的小伙伴来看看小编今天的分享吧!
1、vue.set（）基本方法介绍
使用vue的set()方法可以实现改变数据并立刻将新数据渲染在网页上的目的（响应式）。该方法可以应用于数组和对象类型
Vue.set(vm.items, indexOfItem, newValue)1
vm.items 代表源数据
indexOfItem : 代表要修改的数据的键
newValue : 代表要修改的数据的新值
2、使用方式
// 方式一 Vue.set(源数据,要修改的键,新值) // 方式二使用this或vm的Vue实例对象 vm.$set(源数据,要修改的键,新值)
举例
修改李四的 age 为 19 ，如果直接修改，vue是获取不到的，需要借助 $set 来手动触发改变
1）源数据
let a = [
{name:'张三',age:'20',sex:1},
{name:'李四',age:'21',sex:0},
{name:'王五',age:'22',sex:1},
]123452）要修改的数据的键
//a数组的下标 112