小步伐转uniapp之setData

打印 上一主题 下一主题

主题 823|帖子 823|积分 2469

在小步伐中,我们可以使用this.setData()方法来更新页面的数据。而在Uni-app中,我们可以使用this.$set()方法来更新页面的数据。两者之间的使用方法略有不同。
在小步伐中,this.setData()接受一个对象参数,可以更新页面中的多个数据字段。示例如下:
  1. this.setData({
  2.   a: 1,
  3.   b: 'hello',
  4.   c: true
  5. })
复制代码
而在Uni-app中,this.$set()接受两个参数,第一个参数是要更新的数据字段的路径,第二个参数是要更新的值。示例如下:
  1. this.$set(this.data, 'a', 1)
  2. this.$set(this.data, 'b', 'hello')
  3. 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]
}
},

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

美丽的神话

金牌会员
这个人很懒什么都没写!

标签云

快速回复 返回顶部 返回列表