可以使用$on来监听当前自定义组件上的的自定义事件,然后通过$emit来触发这个事件
1、utils文件:
import Vue from 'vue';
export default new Vue;
2、自定义弹框:
import utils from "../../libs/Utils/utils";
mounted() {
utils.$on('closeSelf', () => {
let timer = setTimeout(() => {
this.isShow = false; // 控制弹框的显示与否
this.$emit("close", this.isShow);
}, 500);
})
}
3、在点击手机上的返回按钮后返回到的那个页面(若多个页面都用到弹框可以直接在首页)写入以下代码
import utils from "../../libs/Utils/utils";
mounted() {
utils.$emit('closeSelf');
}