小程序this.data和setData 区别

最新推荐文章于 2024-05-05 18:17:26 发布
最新推荐文章于 2024-05-05 18:17:26 发布
阅读量167 收藏
点赞数
文章标签： 前端 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1997bcd/article/details/134506090
版权

小程序 直接使用this.data.key = value 是 不能更新到视图当中的。

必须使用 this.setData({ key ： value }) 来更新值。

青柠97
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序中this.data与this.setData的区别详解
01-03
小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的，而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞懂了吗？ Page.prototype.setData() setData 函数...
小程序中this.setData的使用和注意事项
12-29
前言：微信小程序中经常需要用到this.setData({})把变量值渲染到视图层，那到底什么是this.setData，如何使用？需要注意哪些？作为一个初学者，分享一点我的经验，希望大家批评指正。 　介绍：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....
微信小程序 setData 对 data数据影响问题
12-03
我是纯前端的，有些时候没有后端接口，只能模拟一些数据来操作。偶然之下，发现了setdata 的一些机制，也有可能不对，请多指教。 先放结论：data的变量通过setdata绑在一起，是...this.setData({ 　uniqueitem: (id =
element-ui的bug记录
nick_zhang的博客
04-29 547
7.el-dialog组件在关闭时，会触发子组件的created/mounted生命周期。原因是当visible改变为false，即关闭dialog的时候，如果用户设置了destroyOnClose=true，则执行key++；key是绑定在较外层的div上的，key值的变化会导致这个div重新渲染。6.select 的 popper-append-to-body ,默认值为true;dialog的append-to-body,默认值为false;3.element表格前端分页。
【Web】CTFSHOW 中期测评刷题记录(1)
uuzeray的博客
05-02 1454
访问./cache/6a992d5529f459a44fee58c733255e86.php，命令执行拿flag。login.php是在./templates下的，而./flag.php与./templates均为web目录。注意到用./template/error.php中存在{{username}}，可以用其cache来写马。这时候重开下靶机再去读./templates/index.php，发现是给了提示的。访问./config/settings.php，命令执行拿到flag。
判断前端入参是否空否则提示前端写法
qq_39306234的博客
04-28 314
前端先声明一个变量，用于alert判断。在templeat中定义一个提示语句。然后在点击事件时判断一下是否展示。
前端调用WebSocket协议接口获取数据
m0_56023096的博客
04-29 394
createWs("测试数据", (res) => {
uni框架下的前端小知识
weixin_53908842的博客
04-30 301
1、direction：移动方向，可选值为all、vertical、horizontal分别表示所有方向、垂直、水平方向。3、out-of-bunds：移动超出界限是的处理策略，可选值为fail, bounce,分别表示失败、回弹。9、 scale-value:缩放的值，当scale为true时有效。7、friction:摩擦系数，取值范围【0，100】6、damping:阻尼系数，取值范围【0，100】8、scale：缩放比例，取值范围【0.5，10】4、x:水平方向的移动距离，单位制px。
基于若依框架搭建网站的开发日志（一）：若依框架搭建、启动、部署
最新发布
lzh804121985的博客
05-05 732
若依是一款开源的基于Vue+SpringCloud的微服务后台管理系统（也有SpringBoot版本），集成了用户管理、权限管理、定时任务、前端表单生成等各种基础功能，对于像我这种前端代码写不了一点的玩家来说十分友好！
vue如何如何组合组件并通讯
codemami的博客
05-02 841
在Vue中，组件的组合和通讯是构建复杂应用的关键部分。Vue提供了多种方式来组合组件，并允许组件之间进行通讯。-- 子组件 ChildComponent.vue -->-- 子组件 ChildComponent.vue -->通过自定义事件（$emit）来通知父组件。通过props属性向子组件传递数据。子组件通过props来接收数据。-- 父组件 -->-- 父组件 -->
彻底理清防抖和节流（前端性能优化）
夏日漱石的博客
04-28 864
前端有很多性能优化的方式，面对用户与网页的频繁交互，如输入框打字、按钮点击、滚动事件等，我们如何确保应用的响应既迅速又高效？ 大家应该都简单了解防抖和节流本质上就是优化这种高频率执行代码的手段，那么他们之间有什么区别呢？应该如何正确根据具体的场景来选择使用呢？
JavaScript：Web APIs（三）
ma_no_lo的博客
05-03 924
Js中事件流和基本阻止方式，包含load,scroll,resize事件
[前端] Bearer令牌
好习惯成就伟大
04-28 163
Bearer令牌的安全性依赖于令牌的保密性和传输的安全性。因为任何拥有令牌的人都能访问资源，所以必须确保在传输过程中使用HTTPS来防止中间人攻击，并且存储时也要妥善保管，避免令牌泄露。此外，由于Bearer令牌的这一特点，相比其他类型如MAC（Message Authentication Code） tokens，它在安全性上要求更高的保护措施。服务器接收到请求后，会验证令牌的有效性（比如检查令牌是否过期、是否被撤销等），然后决定是否允许访问请求的资源。在HTTP请求中，Bearer令牌通常放在。
3. uniapp开发工具的一些事
Oliver尹的博客
04-28 125
新的一天，又要开始卷起来了，程序开发当前离不开开发工具，一个好的开发工具办事起来那必然是事倍功半的...本文主要分享了关于开发工具的一些事~
使用Axios从前端上传文件并且下载后端返回的文件
哈哈哈哈哈哈哈哈的博客
05-03 222
【代码】使用Axios从前端上传文件并且下载后端返回的文件。
【项目学习01_2024.05.01_Day03】
weixin_44229726的博客
05-01 973
通常由后端工程师将接口设计好并编写接口文档，将接口文档交给前端工程师，前后端的工程师就开始并行开发，前端开发人员会使用mock数据（假数据）进行开发，当前后端代码完成后开始进行接口联调，前端工程师将mock数据改为请求后端接口获取，前端代码请求后端服务测试接口是否正常，这个过程是前后端联调。控制层、业务层以及持久层三层通常可以面向接口并行开发，比如：业务层开发的同事可以先只编写一个Service接口，接口层的同事即可面向Service接口去开发，待接口层和业务层完成后进行连调。
动态获取数据并按顺序组合
NancyFyn的博客
04-28 180
第一列选中： “壹”,“贰”第二列选中： “a”,“b”，组合后的数据为：“壹，a”，“壹，b”，“贰，a”，“贰，b”；
vue3子组件调父组件方法
An滴饭儿的博客
04-30 201
vue3子组件调父组件方法
微信小程序 this.setdata
06-28
### 回答1： this.setData是微信小程序中用于更新页面数据的方法。它可以将数据从逻辑层发送到视图层，同时改变对应的this.data的值。这样，页面就可以根据数据的变化来动态更新视图，实现数据绑定的效果。 ### 回答2： 微信小程序中的this.setData方法是用来将数据绑定到视图中的重要方法。它是指当前页面的数据对象，并把一个或多个属性值赋值给该对象。一旦数据被赋值，小程序就会自动重新渲染页面。因此，通过setData可以实现动态更新页面内容，提高小程序的实时响应能力和用户体验。 一般来说，我们在微信小程序中使用setData方法有两种情况。第一种是在数据初始化时，我们可以采用如下格式： ```javascript Page({ data: { name: 'xxxx' }, onLoad: function () { this.setData({ name: '张三' }) } }) ``` 在这个例子中，我们通过在onLoad事件中调用setData方法来将名称更新为张三。这样，在小程序中，data对象将包含一个名为name的属性，它的初始值为xxxx，但是一旦onLoad事件被触发，name将被更新为张三。 第二种情况是在用户与小程序交互时，我们可以通过setData方法更新小程序的内部状态，并实现动态刷新效果。例如： ```javascript Page({ data: { count: 0 }, addOne: function () { this.setData({ count: this.data.count + 1 }) } }) ``` 在这个例子中，我们定义了一个名为count的属性，用于保存当前计数器的值。当用户点击按钮时，我们可以通过setData方法将count属性的值加1。由于小程序会自动渲染页面，所以用户可以实时看到计数器的变化。 总之，通过setData方法，我们可以很方便地实现微信小程序中的数据绑定和动态更新。无论是初始化数据还是响应用户交互事件，setData都是必不可少的方法，值得我们掌握和深入理解。 ### 回答3： 微信小程序的this.setData()方法是用来设置页面中的数据的。通过该方法，我们可以把数据更新到小程序的页面上，使页面上的数据与小程序内部的数据保持同步。 this.setData()方法的使用很简单，我们只需要把需要更新的数据以对象的形式传递给该方法就可以了。例如： this.setData({ name: '小明', age: 18, gender: '男' }) 上述代码中，我们需要更新三个数据，分别是name、age和gender。这三个数据都被写成了一个对象，并作为参数传递给了this.setData()方法。 在实际开发中，我们一般会把需要更新的数据以变量的形式保存在js文件中，然后在需要更新数据的地方调用this.setData()方法进行更新。例如： let name = '小明' let age = 18 let gender = '男' this.setData({ name, age, gender }) 上述代码与之前的代码作用是相同的，只不过我们把需要更新的数据先保存在了变量中，然后再进行更新。这样可以使代码更具可读性，也更加方便管理。 总之，this.setData()方法是微信小程序中非常重要的一个方法，它可以让我们在需要的时候随时更新页面中的数据，使小程序的界面更加灵活多变。在实际开发中，我们应当熟练掌握该方法的使用，以便更好地开发出高质量的小程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值