微信小程序this.data和this.setData()的区别

最新推荐文章于 2024-06-20 16:05:16 发布
原创 最新推荐文章于 2024-06-20 16:05:16 发布 · 3.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解析了在前端开发中，this.data用于同步数据，而this.setData({}

this.data是用于同步 

this.setData({})是用于异步,比如网络请求

比如this.data.itemData = itemData 这句话是什么意思呢？

其实是把右边的itemData数据放在Page中的

data{

 itemData:{}  

}

等同于下面的意思,然后就可以在这个界面使用这个数据了.

微信小程序中this.data与this.setData的区别详解
01-03
一、摘要 小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的，而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞懂了吗？ Page.prototype.setData() setData 函数用于将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。 注意： 直接修改 this.data 无效，无法改变页面的状态，还会造成数据不一致。 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。 二、正文 this.data可以获取页面data对象，但是它返回的对
微信小程序 this.data与this.setData
weixin_30621711的博客
09-16 1116
一、摘要 　　小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的，而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞懂了吗？ 二、正文 　　this.data可以获取页面data对象，但是它返回的对象到底是新的对象还是仅仅只是一个引用呐。这个很关键，在日常开发中很可能因为不知道或者是自己的疏忽...
微信小程序中this.data 和 this.setData
前端小白的博客
10-04 2649
1、this.data：this.data 是一个对象，用于存储小程序页面的数据。例如，this.data.name 可以获取名为 name 的数据，this.data.name = ‘John’ 可以修改名为 name 的数据为 ‘John’。2、this.setData：this.setData 是一个方法，用于更新页面的数据并触发页面的重新渲染。在微信小程序中，this.data 和 this.setData 是两个用于处理数据的不同方式。this.data 是用于存储和访问小程序页面数据的对象。
this.data与this.setData
qq_32534441的博客
04-18 1551
https://www.jianshu.com/p/4fe2af286f7a this.setData({})用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。用this.data而不用this.setData({})会造成页面内容不更新的问题。 例如下面的代码addPerson:函数中，如果写成this.data.name = ‘保存’，那么点击’新增参保...
微信小程序—this.animate动画和wx.createAnimation动画示例-AnimCss.rar
01-13
`this.animate` 和 `wx.createAnimation` 是微信小程序提供的一对重要动画API，用于实现丰富多样的动态效果。本示例将详细介绍这两种动画方法的使用及其区别。 首先，`this.animate` 是微信小程序早期版本中的动画...
微信小程序 this.setData高级用法(只更改单个数据)
最新发布
qq_57952018的博客
06-20 890
微信小程序 this.setData高级用法(只更改单个数据)
微信小程序报错：this.setData is not a function的解决办法
11-28
微信小程序 报错：this.setData is not a function 在page中定义的代码如下，代码会报错：this.setData is not a function <strong> pasteEncryptedText:function()</strong>{ let decryptedPass = this.data....
[微信小程序]this.setData ， that.setData ， this.data.val三者之间的区别和作用
a_靖的博客
12-23 3万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 正文： 1.this.setData({ }) <view bindtouchmove="tap_drag" bindtouchend="tap_end" bindtouchstart="tap_start" class="page-top" style="{{translate...
小程序中this.setData是什么啊
weixin_35749796的博客
12-21 2381
在小程序中，this.setData 是一个用于修改页面数据的函数。它的作用是将传入的对象的属性和值应用到小程序页面的数据对象上，并触发页面的重新渲染。 使用方法如下： this.setData({ key: value, key2: value2, ... }); 其中 key 和 value 为要修改的数据的键和值，可以同时修改多个数据。例如： this.setData({ ...
微信小程序 this.setData（）
H_ZMY的博客
06-17 2383
lsetData（）函数用于将 data 从逻辑层传输到视图层，同时对应的改变this.data的值。Object 以 key: value 的形式表示，将 this.data 中的 key 对应的值改变成 value。
【微信小程序】 this.setDate({ })与this.data的区别
Enchanted to meet U
07-29 1412
this.setDate({ })与this.data的区别 this.setData({})用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。 用this.data而不用this.setData({})会造成页面内容不更新的问题。 Page.prototype.setData() setData 函数用于将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。 注意： 直接修改 this.data 无效，无法改变页面的状态，还会造成数据不一致。 单
微信小程序之this.setData
热门推荐
anmo1221的博客
02-08 3万+
Page.prototype.setData()setData 函数用于将数据从逻辑层发送到视图层，同时改变对应的 this.data 的值。注意：直接修改 this.data 无效，无法改变页面的状态，还会造成数据不一致。单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。setData() 参数格式接受一个对象，以 key，value 的形式表示将 this.data 中的 ke
简述微信小程序this.setData({a:1}) 与 this.data.a=1的区别
summer_my_sunshine的博客
07-30 481
在微信小程序里面，通过 //数据绑定与更新 this.setData({ a:1 }) 与 // 数据绑定 this.data.a = 1 这两种方式都可以改变a的值，但是他们本质的区别就是setData会更新wxml前端页面绑定的数据信息，但是this.data.a = 1则不会。 所以什么时候使用setData，什么时候使用数据赋值this.data.a = 1呢？ 很简单，在需要更新前端页面数据的时候，必须使用setData； 而只是想修改变量的值，无关页面的数据绑定，..
【微信开发】小程序this.setData({})中对普通字段、数组以及数组对象进行赋值，对数组对象进行操作
weixin_57788079的博客
04-18 5580
字段赋值； 数组静态赋值； 数组动态赋值； 对象数组动态赋值； 组对象进行操作 ① 末位加数据； ② 中间或者开头加数据； ③删除数据；
小程序this.setData修改对象、数组中的值
qq_45290368的博客
01-08 3172
小程序this.setData修改对象、数组中的值
微信小程序开发this.data 和 this.setData({})的区别
wenfu814的博客
11-23 1190
this.data.xx是用来获取页面data对象的----------只是js（逻辑层）数据的更改； this.setData是用来更新界面的---------用于更新view层的。
必知小技巧：微信小程序this.setData修改对象中某个属性的值
希望看完文章的你能够带着答案离开。
12-24 1万+
必知小技巧：微信小程序this.setData修改对象中某个属性的值
微信小程序 this.setData
weixin_44291886的博客
06-21 386
this.setData：主要是用于将逻辑层的数据渲染到视图层，同时改变this.data中的数据 一.是以key,vlue的形式改变 1. //html <view> <text>{{food}}</text> //0 //1 <text>{{color}}</text> //red data中并没声明color 在setdata里边写了color </view> //js data:{ food:0 } onShow(){ co
微信小程序this.setdata怎么用
05-16
在微信小程序中，我们可以使用 `this.setData()` 方法来更新小程序页面的数据，这个方法接受一个对象作为参数，对象中的属性名表示需要更新的数据的名称，属性值表示需要更新的数据的值。 使用 `this.setData()` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值