首页 > 微信 > 详细

小程序组件交互

时间:2019-06-17 13:49:00      阅读:149      评论:0      收藏:0      [点我收藏+]

 

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)
     }

 

小程序组件交互

原文:https://www.cnblogs.com/likewpp/p/11038858.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!