小程序内组件通讯方式

2021-04-16  本文已影响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)
        },
    },
});

上一篇下一篇

猜你喜欢

热点阅读