小程序组件交互

 

1.父组件(wxml页面)向子组件传递

在子组件中定义需要传入的属性

 properties: {
    count: {
      type: Number,
      value: 0,
      observer:function(newVal, oldVal, changePath){
        // 不可修改本身的值 应该在data里添加一个_count
        console.log(newVal, oldVal)
      }
    },
    kind: {
      type: String
    }
  },

小程序组件交互

在页面中使用,举个栗子

小程序组件交互

2.子组件向页面传递值

小程序组件交互

 

小程序组件交互

 

    notic() {
      this.triggerEvent(‘getcount‘,{
        data:{
          // 组件内部改变的值 通知页面
          count:this.data.count
        }
      })
    }

 

 页面中调用:

小程序组件交互

小程序组件交互

 

    getCount(e){
        console.log(e)
     }

 

小程序组件交互

上一篇:6-STM32物联网开发WIFI(ESP8266)+GPRS(Air202)系统方案微信小程序篇(PHP学习_1)


下一篇:Java进阶专题(二) 软件架构设计原则(上)