vue active layer using Close popup

Pop-off of the current block layer

layer.close(layer.index);

Refresh Parent

parent.location.reload (); // refresh the parent page

Full-screen pop-off layer iframe

var index1 = parent.layer.getFrameIndex (window.name); // get the current index of the first layer iframe 
parent.layer.close (index1); // Close then perform

The last

Install import (ts project)

 

 

// 自定义组件
import layer from "vue-layer";
import "vue-layer/lib/vue-layer.css";

export default {
    install(Vue) {
        Vue.prototype.$layer = layer(Vue);
    },
};

Parent component use:

 

 

 

 

const layUser = Vue.prototype.$layer.open({
            type: 2,
            title: Fromtitle,
            content: {
                content: SubmitUserForm,
                data: {
                    user: curUser,
                    title: Fromtitle,
                    colseLayUser: () => {
                        Vue.prototype.$layer.close(layUser);
                        this.loadUserList();
                    },
                },
            },
            shadeClose: false,
            shade: [0.8, '#393D49'],
            area: ['70%', '60%'],
        });

弹出的子组件

父组件传方法到子组件，通过子组件触发父组件的方法来执行

layer.close(indexview)

 

 

 

 

当然最后一种比较绝的方法，就是你自己理不清这些父子层级的时候，就直接给赋值，再关闭赋值的这个就可以了

 

var indexview=layer.opan......

layer.close(indexview)