不要在一个属性的 observer  函数中修改属性的值 不然会造成内存泄露

错误代码:

  properties: {/* 期刊号 */index: {type: String,observer: function (newVal, oldVal, changedPath) {// 属性被改变时执行的函数(可选),也可以写成在methods段中定义的方法名字符串, 如:'_propertyChange'// 通常 newVal 就是新设置的数据, oldVal 是旧数据/*当index数据类型为number时,这样处理不行,因为小程序会自动转化。而string类型又因为会无限递归,而报错所以我们在data中定义一个新的_index数据给他赋值,注意使用_index时,你组件的{{}}中调用的也必须时{{_index}}而不是{{index}}*/let val = newVal < 10 ? '0' + newVal : newValthis.setData({index: val})console.log(newVal)console.log(oldVal)}}},

效果:

转载于:https://www.cnblogs.com/guangzhou11/p/11294876.html

学习旧岛小程序 (5) observer 函数中修改属性的值相关推荐

  1. 学习旧岛小程序 (3)组件的样式

    (1)单位要用 rpx rpx(responsive pixel): 可以根据屏幕宽度进行自适应.规定屏幕宽为750rpx.如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则75 ...

  2. 学习旧岛小程序 (2) 自定义组件

    (1) 新建组件 新建组件目录下的文件名字可以与目录不一样 (2)引用组件 在引用的组件的 .json 添加配置 { "usingComponents": { "like ...

  3. 学习旧岛小程序 (5) 自定义组件的自定义事件

    自定义组件的触发事件: 自定义组件触发事件时,需要使用 triggerEvent 方法,指定事件名.detail对象和事件选项: this.triggerEvent('like', { behavio ...

  4. 学习旧岛小程序 (4) 电影组件的实现

    先编写基本的页面架构 <view class="classic-container"> <image src="{{img}}" class= ...

  5. 学习旧岛小程序 (4)封装api 请求

    1.配置基本的 请求路径 和 key config.js const config = {baseUrl: 'http://bl.7yue.pro/v1/',appkey: "" ...

  6. 学习旧岛小程序 (1) flex 布局

    css : view 相当于 div 块级元素 display 默认设置 block display:inline 设置后 设置宽度高度是无效的 要设置宽度高度 又要设置为行内元素 我们设置: (1) ...

  7. 微信旧岛小程序章节目录

    索引 第一章 申请appkey ## 标题##我是 标题 第二章 准备工作 小程序开发工具介绍和第三方开发工具介绍 第三章 小程序基础知识 与新特性 1.小程序的4种文件类型 2.小程序的组织结构 3 ...

  8. 电影周周看——适合新手学习的微信小程序

    电影周周看--适合新手学习的微信小程序 一个极其适合新手学习的微信小程序--电影周周看.在这里你可以学习到小程序开发的基本流程和基本方法,麻雀虽小,五脏俱全.搭配学堂在线的教学视频食用更佳!针对教学视 ...

  9. 2020最新版前端学习路线图--微信小程序制作原来如此简单

    黑马程序员前端学习路线图大纲中第六阶段的学习是微信小程序的学习:主要介绍了前端学习路线图中微信小程序的学习目标,前端学习路线图中微信小程序的市场价值,前端学习路线图中微信小程序的重点知识.前端学习路线 ...

最新文章

  1. Android中对Handler用法的总结
  2. 为什么运行了java文件老是404_哪位能帮助一下,JAVA中我运行页面时不能打开,总是出现404错误,为什么;用的是Tomcat7.0,win7的系统,...
  3. 原理分析之四:一次SQL查询的源码分析
  4. Excel:如何使用函数实现多表多条件汇总求和
  5. C++若不想使用编译器自动生成的函数,就该明确拒绝
  6. 关于优酷开放SDK之onPrepareListener
  7. 关于捕获键盘信息的processDialogkey方法2--具体应用
  8. linux rpm mysql mysql_config,Linux CentOS6 mysql rpm安装
  9. Dijkstra算法——计算一个点到其他所有点的最短路径的算法
  10. 数据科学生命周期_数据科学项目生命周期第1部分
  11. php利用ajax文件上传,如何在PHP中利用AjaxForm实现一个文件上传功能
  12. springboot与docker整合
  13. YAF根据条件拼接SQL语句
  14. python点云可视化
  15. 深度学习的视觉跟踪:一个全面的调查
  16. 打印机后台服务器修复,修复win10出现“本地打印后台处理程序服务没有运行”的方法...
  17. 会计核算的基本前提与确认计量的一般原则
  18. 世界顶级公司的前端面试都问些什么
  19. 通信协议基础以及常用的串口通信协议
  20. 高新技术企业认定中涉及的领域有哪些?

热门文章

  1. 关于eclipse 中文注释时中文字体太小的问题解决
  2. Jquery中的hover()和toggle()用法
  3. Microbit扩展编写
  4. nefu 628 扩展卢卡斯
  5. MATLAB线型和颜色对应说明
  6. n 如何编写html,webpack4系列教程,如何编写plugin处理html代码逻辑?
  7. Linux添加环境变量
  8. 【数据展示】matplotlib.pyplot.plot()探究
  9. 第三章:3.4 典型周期信号的傅里叶级数分解
  10. 地图画指定区域_聊城各地区公司变更跨区域迁移的流程及需要准备的材料有哪些...