向上传递：子组件触发，父组件响应

在子组件

            this.$emit('fromSon', {
                showPreviewImg:false
            })

image.png

在父组件

<block if="{{showPreviewImg}}">
    <previewImg preview-img-list="{{previewImgList}}" @from-son="closeImgModal"></previewImg>
</block>

image.png

// 接受子组件传递的值
        closeImgModal(evt) {
            this.showPreviewImg = evt.detail.showPreviewImg
        },

image.png

向下传递：父组件触发，子组件响应

在父组件

this.$broadcast('sendSon', { showPreviewState: this.showPreviewState })

image.png

在子组件

this.$on('sendSon', this.sendSonHandler)

sendSonHandler(evt) {
    // console.info(`子组件：事件响应: `, evt.type, evt.detail);
    this.showPreviewImg = evt.detail.showPreviewState;
    // 结束事件传递
    evt.stop()
},

image.png