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

最新推荐文章于 2023-04-18 11:28:21 发布

weixin_30340745

最新推荐文章于 2023-04-18 11:28:21 发布

阅读量316

点赞数 1

原文链接：http://www.cnblogs.com/mei1234/p/9947751.html

版权

this.data.xx是用来获取页面data对象的----------只是js（逻辑层）数据的更改；

this.setData是用来更新界面的---------用于更新view层的。

转载于:https://www.cnblogs.com/mei1234/p/9947751.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30340745

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序 this.data 与 this.setData 区别

那年夏天

01-28

982

this.data 不能直接更新页面数据 this.setData ({ })可以直接更新页面数据比如 <view hidden='{{a}}' > </view> //可以直接更新页面数据，使页面元素隐藏 this.setData({ a: true, }) //不能更新页面数据，页面元素不会隐藏 this.data.a = true; 如...

微信小程序开发this.data 和 this.setData({})的区别

weixin_45301448的博客

01-06

3143

this.setData({})用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。用this.data而不用this.setData({})会造成页面内容不更新的问题。例如下面的代码addPerson:函数中，如果写成this.data.name = ‘保存’，那么点击’新增参保人’，按钮的名称是不会更改成"保存"的。因为微信框架里面说了用this.dat...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序 实时监听this.data数据变化

芝芝为荔枝

06-21

1万+

在Vue中，对于state中的数据 Vue 提供了一种通用的方式来观察和响应 Vue 实例上的数据变动：监听属性 watch。在小程序的开发工作中遇到了同样的情况：**需要对当前页面data中的某一个或者几个数据进行实时监听** 如果能有一个通用方法进行监听，可以统一解决类似的问题。

微信小程序中this.data与this.setData的区别详解

滴水石穿

01-12

6873

//微信小程序注意下面两种赋值方式的区别，影响页面数据的渲染显示一、页面不会重新渲染 that.data.tipsshow2=true：二、页面不会重新渲染 that.setData({ tipsshow2: true }) 下面的文章对这个问题说明的比较清晰 -------------------------------------------- 一、摘要 小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的，而this

微信小程序 this.data.xxx给变量赋值后，变量发送改变，data的值也会变，困扰了一天的问题终于解决。

weixin_54828488的博客

05-30

1099

微信小程序 this.data.xxx给变量赋值后，变量发送改变，data的值也会变，困扰了一天的问题终于解决。

微信小程序报错：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.animate动画和wx.createAnimation动画示例-AnimCss.rar

01-13

`this.animate` 和 `wx.createAnimation` 是微信小程序提供的一对重要动画API，用于实现丰富多样的动态效果。本示例将详细介绍这两种动画方法的使用及其区别。首先，`this.animate` 是微信小程序早期版本中的动画...

【微信开发】小程序this.setData({})中对普通字段、数组以及数组对象进行赋值，对数组对象进行操作

最新发布

weixin_57788079的博客

04-18

4784

字段赋值；数组静态赋值；数组动态赋值；对象数组动态赋值；组对象进行操作 ① 末位加数据； ② 中间或者开头加数据； ③删除数据；

当 vue 遇上 小程序 （2）

sinat_36539161的博客

07-30

266

2.1、切换与冒泡显示隐藏：Vue.js，用 v-show；小程序反着来，用hidden；两者都可以 if: v-if || wx:if ；冒泡控制：Vue.js，用 @click.stop ，小程序，用 catchtap；取消默认事件：vue.js 用 prevent，小程序不支持跳转外链 <a href.prevent="http://www.baidu....

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

zhouguizhi

11-15

3468

this.data是用于同步 this.setData({})是用于异步,比如网络请求比如this.data.itemData = itemData 这句话是什么意思呢？其实是把右边的itemData数据放在Page中的 data{ itemData:{} } 等同于下面的意思,然后就可以在这个界面使用这个数据了....

微信小程序this.setData和this.data=中的“=”的区别

qq_39650208的博客

05-25

777

this.setData({})用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。而this.data不会造成页面内容变化，只是值发生了变化。简单来说就是 this.setData会改变页面的值，就是页面展示的值会变成改变后的值 this.data不会改变页面的值举例来说： data: { show：false, } 这样一个变量，如果使用this.data= this.data.show = true console.log(this.da

微信小程序中 this.data与 this.setData

weixin_44637331的博客

05-21

690

问题引入：今天在学view组件时，遇到了这个问题。本想通过js来动态控制播放暂停，同时在暂停时添加一个遮罩层（动态控制该遮罩层的display样式），然而在用 this.data.videoStatus=false 方式时，视图没有发生变换并且样式没有被修改。缘由： this.setData({}) 方式，会将数据从逻辑层发发送到视图层，而 this.data方式不会同步数据（没有

微信小程序将html转为wxml开发案例

热门推荐

雷小天博客

07-09

1万+

微信小程序开发虽说是比较偏向前端开发，但是它们的语法结构又不太一样。例如，wxml跟html就有本质的不同，就拿a标签来说吧，wxml是不支持a标签的，还有就是wxml不兼容html，下面小编就针对这个问题来分析一下怎么才能将html转换成wxml。具体步骤如下：1、到https://github.com/icindy/wxParse下载2.1 在你需要使用的xxx.js文件中引入WxParse模...

简述微信小程序this.setData({a:1}) 与 this.data.a=1的区别

summer_my_sunshine的博客

07-30

433

在微信小程序里面，通过 //数据绑定与更新 this.setData({ a:1 }) 与 // 数据绑定 this.data.a = 1 这两种方式都可以改变a的值，但是他们本质的区别就是setData会更新wxml前端页面绑定的数据信息，但是this.data.a = 1则不会。所以什么时候使用setData，什么时候使用数据赋值this.data.a = 1呢？很简单，在需要更新前端页面数据的时候，必须使用setData；而只是想修改变量的值，无关页面的数据绑定，..

小程序——异步请求中调用this.setData({})

Lucifer的博客

04-25

6396

情景： page的data里有一个message,想要在执行wx.request成功的时候修改它的值。 data: { message:"hi~" } 一般很容易这样写： getMassage: function () { wx.request({ url: 'http://127.0.0.1/test.php', method:'GET', header: {...

微信小程序之this.setData

weixin_30735391的博客

03-03

897

Page.prototype.setData() setData函数用于将数据从逻辑层发送到视图层，同时改变对应的this.data的值。注意：直接修改 this.data 无效，无法改变页面的状态，还会造成数据不一致。单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。 setData() 参数格式接受一个对象，以 key，value 的形式表示将...