$set和$delete的使用

1、为什么要使用

原因:
因为vue2中存在问题:
1、新增属性、删除属性, 界面不会更新。
2、直接通过下标修改数组, 界面不会自动更新。

2、解决方法

例如:

data(){
	return{
		person:{
			name:"张三"
		},
		arr:["学习","吃饭"],
	}
},
methods:{
	//添加性别为女的属性
	set(){
		this.$set(this.person,"sex","女")
		//如果修改数组
		this.$set(this.arr,0,"逛街")
		//或者
		this.arr.splice(0,1,"逛街")
	}
	delete(){
		this.$delete(this.person,"name")
	}
}

版权声明:本文为weixin_51499232原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。