微信小程序关于子页面对主页面的数据操作方式

仅供参考（实现方式有多种，这里只是展示一种思路）

实际开发中有很多主页面展示内容的列表，子页面编辑内容，因为内容不是一种类型，就涉及到多个分支的子页面对主页面的内容列表的操作

实现方法：主页面做数据监听，子页面数据修改时触发主页面数据监听改动数据

示例：

涉及到内容改动的页面引入的通用js：

var commonData=new Proxy({
  data:null,
  registerCallback:null,
  registerListen:null,
  emitListen:null,
},{
  set:function(obj,prop,val){
    if(prop=='registerCallback'){
      this.callback=val
    }else if(prop=='registerListen'){
      this.onListen=val
    }else if(prop=='emitListen'){
      if(this.onListen){
        this.onListen(val)
        obj['registerListen']=null
      }
    }else{
      obj[prop]=val
      if(this.callback){
        this.callback(val)
      }
    }
    return true
  },
})

module.exports = {
    //获取数据
  getCommonData:function(){
     return commonData.data  
  },
    //设置数据
  setCommonData:function(val){
     commonData.data=val
  },
    //监听数据辩护
  onDataChange:function(fun){
     commonData.registerCallback=fun  
  },
    //注册一次性的数据监听
  onItemChange:function(fun){
      commonData.registerListen=fun
  },
    //触发一次性的数据监听
  emitItemChange:function(val){
      commonData.emitListen=val
  },
    //初始化数据
  initData:function(){
      commonData.data=null
  }
}

主页面：

const common=require('./common')
Page({
    //加载时注册监听总数据变化方法
    onLoad(options) {
        let that=this
        //监听总的订单变化，订单列表的setData都通过这里的监听来执行
        common.onDataChange(function(val){
            that.setData({
              designs:val
            })
        })
    },

    //进入子页面
    navChildPage(){
        let that=this
        common.onItemChange(function(val){
            console.log(designs)
            that.data.designs.push(val)
            common.setCommonData(that.data.designs)
        })
        wx.navigateTo({url:"..."})
    }
})

子页面：

const common=require('./common')

Page({
    //数据处理完成后
    setData:function(){
        common.emitItemChange(...)
    }
})