美文网首页微信小程序开发
微信小程序自定义组件传值问题

微信小程序自定义组件传值问题

作者: 小菜鸟9102 | 来源:发表于2019-05-17 17:02 被阅读4次

    微信小程序自定义组件传值问题

    自定义组件 · 小程序

    父组件(引用组件的页面模板)页面

    img1

    子组件页面

    img2

    <slot></slot>表示父组件页面往子组件插入的内容,

    效果图

    父组件传值子组件

    看img1   child="{{child}}",直接绑定就可以传值到自组件

    自组件需要通过properties才能接受参数,properties里面的值类似data的值,直接绑定使用就行。

    img3

    子组件传值父组件

    本实例使用tap点击事件传值到父组件,见img2。

    img4

    子组件传值之后父组件还需要接受子组件传来的值,在父组件的组件 bind:myevent='getChild'来绑定,在调用的getChild函数中获取,获取后setData,再在页面引用。

    img5

    写的比较粗浅,希望对大家有帮助,一起加油!

    相关文章

      网友评论

        本文标题:微信小程序自定义组件传值问题

        本文链接:https://www.haomeiwen.com/subject/jfuoaqtx.html