微信小程序observers数据监听器的使用

数据监听器可以用于监听和响应任何属性和数据字段的变化。

1、observers使用的前提条件

在微信小程序中数据监听器的使用是有几个前提条件的，否则是无法使用的

小程序的基本版本库要达到要求，从小程序基础库版本 2.6.1 开始支持。
只能使用在自定义组件中，在页面中是无法使用的

2、如何使用

observers 在自定组件的使用有两个不同位置进行监听数据的变化，而不同的位置，所监听的数据也是不一样的。

在自定义组件的properties中的数据属性

此处是监听父组件传过来数据的变化，达到引起该子组件数据变动及重新渲染

Component({/*** 组件的属性列表*/properties: {// 产品详情productDetail: {type: Object,value: {},observer(newVal,oldVal) {// 数据监听console.log("newVal", newVal);},},},data: {},
});

Component内的属性（与properties同一层级）

放在此处是，可监听当前子组件内data、props内数据的变动。" ** "为通配符，可监听所有数据的变动

Component({properties: {productList: {type: Array,value: [],},},data: {dataVal:''},lifetimes: {attached() {const {dataVal,productList} = this.datathis.setData({dataVal:"zhou",productList:[]})},},observers: {productList: function (val) {//监听productList变动console.log(val)},'**': function() {// 每次 setData 都触发console.log("this.data")},},
});

微信小程序observers数据监听器的使用相关推荐

微信小程序的数据监听器
一什么是数据监听器数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作.它的作用类似于 vue 中的 watch 侦听器.在小程序组件中,数据监听器的基本语法格式如下. Compo ...
小程序素材抓取软件_如何抓取微信小程序的数据？
2017年1月份备受关注的微信小程序功能正式上线了,好多知名平台纷纷推出了自己的微信小程序,例如大众点评.美团外卖.京东购物.对于我们爬虫开发者来说这绝对是好事情,意味着又多了一个数据来源,又多了一种 ...
微信小程序开发数据缓存基础知识辨析以及运用实例
微信小程序开发数据缓存基础知识辨析以及运用实例提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的 ...
微信小程序用户数据的签名校验和加解密 - 后端nodejs
在本文微信小程序用户数据的签名校验和加解密之前需要先看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的. 小程序代码: ...
把jquery city-picker地区选择插件数据改成微信小程序省市地区数据一样（php代码抓取微信小程序地区数据）
原版插件 https://github.com/tshi0912/city-picker 资源下载 https://download.csdn.net/download/jianye112/12036 ...
如何抓取微信小程序的数据？
2017年1月份备受关注的微信小程序功能正式上线了,好多知名平台纷纷推出了自己的微信小程序,例如大众点评.美团外卖.京东购物.对于我们爬虫开发者来说这绝对是好事情,意味着又多了一个数据来源,又多了一种 ...
微信小程序过滤html,微信小程序中数据过滤的实现方法介绍（代码）
本篇文章给大家带来的内容是关于微信小程序中数据过滤的实现方法介绍(代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 因为微信小程序的wxml和js的内部实现机制是分开编译的.所 ...
微信小程序：数据存储、传值、取值
小程序界面传值父级界面:A界面子级界面:B界面一.url传值详细的配置参数可以查看组件导航:navigator,这里不再做过多的解释. 1. 正向传值:A界面 –>B界面用 navig ...
《微信小程序》数据访问实例详解
如图所示 1.每个视图(.wxml)只需要添加对应名字的脚本(.js)和样式(.wxss)就可以了,不需要引用,page下面的脚本以及样式都是继承至最外面的app.js , app.wxcss 2.脚 ...

微信小程序observers数据监听器的使用

微信小程序observers数据监听器的使用

1、observers使用的前提条件

2、如何使用

在自定义组件的properties中的数据属性

Component内的属性（与properties同一层级）

微信小程序observers数据监听器的使用相关推荐

最新文章

热门文章