vue 监听表格里的数据变化_微信小程序监听data数据变化(类似VUE中的watch)

监听小程序内data的数据变化的方法常见的可以求助于现在已有的一些库.

就我所知

wepy (仿VUE开发风格进行小程序开发的一个框架)

watch

都能满足监听小程序data数据变化的功能.

接下来,我简单介绍一下,监听小程序页面data变化的原理

第一步,先在app.js里了定义一个全局函数,当然也可以单独写一个模版,再通过引入模块的方式来调用

// 监听页面数据变化

initWatch(_page) {

if (!_page) {

console.error('未检测到Page对象,请将当前page传入该函数');

return false;

}

if (!_page.watch) { //判断是否有需要监听的字段

console.error('未检测到Page.watch字段(如果不需要监听，请移除initWatch的调用片段)');

return false;

}

let _dataKey = Object.keys(_page.data);

Object.keys(_page.watch).map((_key) => { //遍历需要监听的字段

_page.data['__' + _key] = _page.data[_key]; //存储监听的数据

if (_dataKey.includes(_key)) { //如果该字段存在于Page.data中，说明合法

Object.defineProperties(_page.data, {

[_key]: { //被监听的字段

enumerable: true,