book-hi/components/select-good-popup-host.vue

<template>
    <select-good-popup ref="popup" @notice-change="onNoticeChange" />
</template>

<script>
import SelectGoodPopup from '@/pages-sell/components/select-good-popup/index.vue'
import { eventBus } from '@/utils/event-bus'

export default {
    name: 'SelectGoodPopupHost',
    components: {
        SelectGoodPopup,
    },
    mounted() {
        this.openHandler = (payload = {}) => {
            const { product, sourceFrom } = payload
            if (!product) return
            this.$refs.popup?.open(product, sourceFrom)
        }
        eventBus.on('openSelectGoodPopup', this.openHandler)
    },
    beforeDestroy() {
        if (this.openHandler) {
            eventBus.off('openSelectGoodPopup', this.openHandler)
        }
    },
    methods: {
        onNoticeChange(value) {
            eventBus.emit('selectGoodNoticeChange', value)
        },
    },
}
</script>