当前位置: 首页 > article >正文

小程序转uniapp之setData

在小程序中,我们可以使用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]
}
},


http://www.kler.cn/a/442344.html

相关文章:

  • RabbitMQ镜像队列机制
  • 【WRF教程第3.4期】预处理系统 WPS 详解:以4.5版本为例
  • python IO编程:序列化
  • android 计算CRC
  • Windows开机黑屏|Windows开机黑屏只有鼠标|Windows开机不运行explorer
  • vue3实现商城系统详情页(前端实现)
  • 面试真题 | 虎牙 C++[20241218]
  • 5个小型多模态AI模型及其功能
  • 使用idea创建一个JAVA WEB项目
  • 小程序子组件调用父组件方法、父组件调用子组件方法
  • clion使用说明
  • 环境搭建——CUDA、Python、Pytorch
  • 【jvm】主要参数
  • Vue.js前端框架教程6:Element UI框架
  • EDAC和 MCA检验技术
  • 【Leetcode 每日一题】1847. 最近的房间
  • 【图像处理lec2】matlab的使用
  • CLion Inlay Hints - 取消 CLion 灰色的参数和类型提示
  • 二六(vue2-02)、指令修饰符、v-bind增强、v-model补充、computed、watch、水果购物车
  • 【电源专题】开关转换器使能(EN)和欠压锁定(UVLO)为什么需要回滞?