this.$set()方法，对象中添加一个属性或者修改某属性的值js

最新推荐文章于 2024-04-30 07:30:00 发布

原创最新推荐文章于 2024-04-30 07:30:00 发布 · 8.4k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文详细介绍了在Vue.js中如何使用this.$set()方法来改变响应式对象的属性值或添加新的属性。通过实例展示了在不破坏响应式原理的情况下，如何更新对象的属性，以及如何为对象动态添加新属性。

在前端开发中经常需要给某个对象添加一个属性值或者修改某一属性值就可以用this.$set()方法

data(){
	return{
		 test:{
					 cur:0
				 }
	}
}

methods:{
	click(){
		this.$set(this.test,'cur',this.test.cur+1) //点击一次test中的cur+1
		//二 直接赋值
		this.test.cur=his.test.cur+1
		//给对象test 中新增一个属性name
		this.$set(this.test,'name',张三) //点击新增一个属性值为张三的name

	let a={}//在函数中定义一个空对象a 并为其添加一个属性值为15的age
				this.$set(a,'age',15)
				console.log(a)
	}
}

效果图，console.log(this.test)
在这里插入图片描述
效果图，console.log(a)