浅谈前端Vue的dialog自定义before-open回调拦截实现

一、子组件定义回调逻辑：

    onOpen () {
        var show=true;//中间变量定义，当不存在回调时默认显示
        this.$emit("before-open", val=>{
            val==false?show=false:show=true//有回调时根据返回的值判断是否显示对话框
        });
        this.dialogShow = show;
    },

二、中间子组件调用（若没有可直接跳过）

   onOpen (callback) {
        this.$emit("before-open", val=>{
            callback(val)//传递值
        });
    },

三、父组件调用

..............
onBeforeOpen(callback){
    callback();//默认打开
    callback(false);//禁止打开
}

 思路便是如此，可根据场景更改，原创不易，请大家多多支持。