美文网首页
小程序内组件通讯方式

小程序内组件通讯方式

作者: 沉默紀哖呮肯伱酔 | 来源:发表于2021-04-16 14:24 被阅读0次
    • 父子组件通信
    <!-- 父组件内 -->
    <v-popup show="{{popShow}}" popData="{{popData}}" bind:close="onClosePop"/>
    
    
    <!-- 子组件内 -->
    omponent({
        properties: {
            show: {
                type: Boolean,
                value: false,
            },
            popData: {
                type: Object,
                value: {},
            }
        },
        data: {},
        observers: {
            /**
             * 监听变量的变化做相应的逻辑处理
             */
            show: function (show) {
    
            },
        },
        methods: {
            onClose() {
            /**
             * 子组件内调用父组件的钩子函数
             */
                this.triggerEvent("close");
            },
            toDetail() {
            /**
             * 子组件内使用父组件的传参
             */
                console.log('params popData', this.properties.popData)
                console.log('params show', this.properties.show)
            },
        },
    });
    
    

    相关文章

      网友评论

          本文标题:小程序内组件通讯方式

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