小程序 数据监听(observers),避免赋值死循环

最新推荐文章于 2024-07-04 23:24:27 发布
最新推荐文章于 2024-07-04 23:24:27 发布
阅读量2.8k 收藏 2
点赞数 2
分类专栏： web前端 文章标签： 小程序 数据监听(observers) 避免赋值死循环 小程序数据监听
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Chad97/article/details/103027616
版权
在小程序开发中，使用observers监听properties数据时，可能会遇到赋值导致的死循环问题。错误的示范是在监听的数据上直接赋值，这会不断触发监听方法。正确的做法是，在组件data中创建新变量存储新值，从而防止死循环。文章通过错误和正确的小栗子进行了说明。
摘要由CSDN通过智能技术生成

在小程序开发过程中，我们通过 observers 监听处理 properties 组件数学列表的过程中，免不了对 当前数据进行处理
在我们对监听的数据进行赋值时候，会造成死循环，其实这个问题在大多数框架中都有这个问题。

  • 小栗子🌰[错误示范]
   properties: {
   
    playlist: {
   
      type: Object
    }
  },
  // 数据监听
  observers: {
   
    ['playlist.playCount'] (count
最低0.47元/天 解锁文章
$(薛定谔的喵)
关注
专栏目录
微信小程序之swiper bindchange 陷入死循环的解决方法
qq_41194534的博客
04-29 1200
背景说明 由于公司需求需要，需要按照返回值设置当前swiper 的curren值，造成swiper的闪烁、抖动问题，现在分享出来我的解决方案 先来查看swiper 的一些事件方法 属性 类型 默认值 必填 说明 bindchange eventhandle 否 current 改变时会触发 change 事件，event.detail = {current, source} ...
微信小程序Component observers监听data数据更新导致死循环
码路
01-07 1033
在开发环境执行没有问题，发布到正式环境就出现死循环,导致死循环的原因是获取item后，有setData({item})，导致一直死循环了 observers: { 'item': function (item) { const $this = this; if (item == null) { return; } wx.getLocation({ type: 'wgs84', success(res.
微信小程序-自定义组件数据监听器observers
最新发布
weixin_42284031的博客
07-04 1206
自定义组建的属性值在被使用组件里面传值的时候就会被监测到。这就导致在编译期间就会检测到自定义组件的properties值定义propertieslabel:{value:''监测//key监听的数据 value最新的数据//data的数据发生改变就会被检测到//监听属性值。
微信小程序 在components的properties属性中，用observer监听并用setData修改其值 容易造成死循环
weixin_43787178的博客
02-28 7792
首先这是个大坑，大坑，，，，，， 坑 首先看看官方对observer函数的解释： 另外官方也提示了这个BUG： 简单的讲就是当observer监听部分properties。 先上示例BUG代码： 当properties中的index变化时，会触发observer监听函数，进而会执行其中的数据更新this.setData函数，index数值更新；这样又触发observer，又执行this.s...
微信小程序监听父组件向子组件传过来的值
weixin_46124693的博客
10-30 917
1.父组件定义属性名称和传递的值 <goods_list radio_show="{{edit_show}}"></goods_list> 2.子组件的properties里有个方法直接调用, properties:{ radio_show:{ type: Boolean, observer:function(oldVal,newVal){ //每次父组件向子组件传值的时候都会调用这个函数 console.log(oldVal,newVal) // 旧数据和新数据
微信小程序监听进入可视区域的数据
搬砖小鱼，请多指教呦
08-17 5184
this.data.list1[this.data.tag].forEach((item,index)=>{ wx.createIntersectionObserver().relativeToViewport({bottom:0}).observe('#item' + index, (res) => { if (res...
微信小程序observers属性监听器
weixin_43251902的博客
03-15 1030
微信小程序observers属性监听器 微信小程序observers属性监听器 observers数据监听器可以用于监听和响应任何属性和数据字段的变化 组件内使用observers数据监听器： Component({ properties: { // 这里定义了innerText属性，属性值可以在组件使用时指定 }, data: { // 这里是一些组件内部数据 //content: 'sdcedc', //主件的数据显示权比behavior高 amount: 1
小程序 | 微信小程序observers属性监听器
Miracle_nx的博客
05-09 6748
observers
微信小程序 自定义组件 教程（二） | 组件js结构、组件生命周期及对应方法、组件变量监听器
95后程序媛 - 小寅
08-14 489
一、往期回顾 & 导语 往期传送门：微信小程序 自定义组件 教程（一） | 封装、声明、使用 三部曲 在教程（一）中，我们已经创建了一个自定义组件，但还只停留在最初级的“能使用”阶段。 我们还没有触及到任何组件内的方法。 本期我将介绍：组件js的内部结构、组件的生命周期以及最实用的生命周期方法、如何为组件内的变量设置一个监听器，动态获取变量值。 二、组件js的内部结构 以下代码是初创组件后，组件js内的默认内容。 // components/repeat-part/index.js Componen
微信小程序学习笔记（ 自定义组件 ）
qq_44786519的博客
11-02 858
自定义组件 开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码掩护。自定义组件在使用是与基础组件非常相似。 创建自定义组件 （自定义组件需要重新开一个文件夹，然后再在其他页面引用，可以理解成封装一个组件，一个组件放在一个文件夹里）类似于页面，一个自定义组件由 json wxml wxss js 四个文件组成。要编写一个自定...
常见的前端面经试题整理。持续更新中....
wanghe1111_的博客
12-07 3487
2021常见的前端面经整理
分布式中间件之Dubbo详解
tdd18792032806的博客
07-29 3510
文章内容输出来源：拉勾教育Java高薪训练营 心得体会： 在拉勾教育高薪训练营里经过三个月多的学习，很辛苦但也收获很多，主要体现在：1.以前是工作遇到了哪方面的问题才去学习并解决，很难形成知识体系，在拉勾高薪训练营里课程内容很丰富，基础回顾加进阶讲解，完美的打造了个人的知识体系，为成为一名合格的架构师奠定了基础；2.值得一说的是“闯关式”的学习模式，若上一个模块的作业未完成就无法学习下一个模块，但有班主任和导师对个人的学习进行督促，可以让我们学员必须牢靠的掌握技术知识点；3.在知识点技术落地方面，以前只是听
微信小程序自定义监听器
qq_36022463的博客
05-20 459
使用 Object.defineProperty() 拦截，对应的属性字段，，但是需要给这个字段备份，，因为在set ，和 get 的时候，如果get 返回是 this.data.xxx ,那么会进入get的死循环，，因为 this.data.xxx 就相当于执行这个xxx属性的get方法，，微信小程序中，没有内置的watch 方法，来观察数据的变化，但是可以通过自定义实现类似的功能。Object.defineProperty() 对属性的行为进行更精细的控制。
Android数据库数据变更监听,Android数据库内容变更的监听
weixin_29414105的博客
05-29 456
首先介绍内容监测的基本模式基于uri的内容监测的基本模式被android.content.ContentResolver实现。它为基于Uri的内容监测的提供了一个平台。(其实如果有必要，我们可以自己实现一个)ContentResolver为此提供了三个方法：注册监听器到某个uripublicfinalvoidregisterContentObserver(Uriuri,boolean...
微信小程序中observer的详解
关注最新技术问题并持续维护更新
09-29 1万+
概述     observer 用于监听和响应任何属性和数据字段的变化。可以同时监听多个。一次 setData 最多触发每个监听器一次。同时也可以监听子数据字段 效果
微信小程序如何获取自定义组件中properties的属性并修改，以及父组件和子组件相互传值
热门推荐
weixin_42125732的博客
03-31 3万+
原因：因为自己想了解组件中properties里面的值如何获取到而记录这篇文章 一、自创自定义组件，在json文件夹写上“component”：true 二、父组件的操作步骤 2.1.在json文件夹加上使用组件 2.2 在js文件中写好要传的数组数据 2.3 在wxml页面进行父组件传子组件的值，用属性传值 三、字组件在自己的JS中properties接收父组件传过来的值，定义好type属性和value为[]，即为默认值（父组件传过来的值） 四、用observers监听properties的属性
【微信小程序篇】子组件通过observer监听父级传入的参数以及执行父级传入的回调方法的使用
章魚尐芄子的博客
07-21 2351
微信小程序子组件通过observer监听父级传入的参数以及执行父级传入的回调方法的使用
微信小程序监听属性observers的用法详解
一个前端小白的博客
03-13 1万+
observers监听属性（只能在微信组件中用） sum 求和组件 // sum.wxml <view class="input_sum"> <input type="number" bindinput="handleInput" value="{{num1}}"/> + <input type="number" bindinput="handleI...
微信小程序lifetimes和observers有什么区别
06-08
在微信小程序中，lifetimes 和 observers 也是两个不同的概念。 Lifetimes 在微信小程序中指的是页面的生命周期，即页面创建、显示、隐藏、销毁等阶段。在小程序中，开发者可以通过监听页面生命周期函数来处理页面的各个生命周期阶段。 Observers 在微信小程序中则是指数据监听器，在小程序中使用 setData 方法更新数据时，可以通过设置数据监听器来监听数据的变化，当数据发生变化时，会触发监听器执行相应的操作。 因此，微信小程序中的 lifetimes 和 observers 也是两个不同的概念，它们分别用于处理页面的生命周期和数据的监听。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值