zoukankan      html  css  js  c++  java
  • 小程序组件的参数传递

    参数传递:
    父传子
    父代码:

    wxml:

    <luck list='{{list}}' num='{{num}}'></luck>
    组件代码:

    js:

    properties接收数据

    properties: {
    list: { //navbarData 由父页面传递的数据,变量名字自命名
    type: Array,
    value: [ ],
    observer: function(newVal, oldVal) {}
    },
    num:{
    type:Number,
    value:'',
    }
    },
    子传父:
    父代码:

    wxml:

    <luck bind:myevent="onMyEvent"></luck>
    js:

    onMyEvent: function (e) {
    //通过事件接收插件数据:中奖id与剩余抽奖次数
    console.log(e.detail)
    this.setData({
    resultId: e.detail.resultId,
    num: e.detail.num
    })
    }
    组件代码:

    js:

    // ID,num传给父元素
    that.triggerEvent('myevent', { resultId:item.id,num:that.data.num });
    ————————————————
    版权声明:本文为CSDN博主「aiqqvb」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/aiqqvb/article/details/105657322

  • 相关阅读:
    jquery ajax
    js 列表选择
    Jquery 搜索框自动提示
    图片居中跟inline-block
    模式学习(一)
    高效图形(一)
    eval() / Function()
    css3(一)
    回调函数(二)
    回调函数(一)
  • 原文地址:https://www.cnblogs.com/javalinux/p/14705910.html
Copyright © 2011-2022 走看看