小程序转uniapp之setData

hahaqi95272024-12-16 9:22

在小程序中，我们可以使用this.setData()方法来更新页面的数据。而在Uni-app中，我们可以使用this.$set()方法来更新页面的数据。两者之间的使用方法略有不同。

在小程序中，this.setData()接受一个对象参数，可以更新页面中的多个数据字段。示例如下：

this.setData({
  a: 1,
  b: 'hello',
  c: true
})

而在Uni-app中，this.$set()接受两个参数，第一个参数是要更新的数据字段的路径，第二个参数是要更新的值。示例如下：

this.$set(this.data, 'a', 1)
this.$set(this.data, 'b', 'hello')
this.$set(this.data, 'c', true)

需要注意的是，在Uni-app中，我们需要使用this.data来访问页面的数据对象。另外，Uni-app中也支持使用this.setData()方法来更新数据，但推荐使用this.$set()方法来更新数据，因为它更符合Vue的数据更新机制。

总结一下，小程序中的this.setData()对应Uni-app中的this.$set()，两者都可以用来更新页面的数据。在Uni-app中，推荐使用this.$set()方法来更新数据。

setData:function (datas){

let _this = this

for(let key in datas){

console.log(key,datas[key])

_this[key] = datas[key]

}