uniapp使用this.$set
时间: 2024-02-03 21:10:38 浏览: 240
uni-app使用的演示
uniapp是一个基于Vue.js的跨平台开发框架,可以用于开发iOS、Android、H5等多个平台的应用程序。在uniapp中,this.$set是Vue.js提供的一个方法,用于在响应式对象上设置一个新的属性或修改已有属性的值。
this.$set的语法如下:
this.$set(object, key, value)
其中,object是要操作的响应式对象,key是要设置或修改的属性名,value是要设置或修改的属性值。
this.$set的作用是将一个非响应式的属性添加到响应式对象中,或者修改已有的属性值。在Vue.js中,当我们直接给响应式对象添加新属性时,该属性不会触发视图更新。但是使用this.$set方法可以确保新添加的属性也能够触发视图更新。
举个例子,假设我们有一个data对象:
data: {
name: 'John',
age: 20
}
如果我们想要动态添加一个新的属性gender,并且希望该属性能够触发视图更新,可以使用this.$set方法:
this.$set(this.data, 'gender', 'male')
这样就会在data对象中添加一个新的属性gender,并且该属性会触发视图更新。
阅读全文