vue使用layer主動關閉彈窗

關閉當前框的彈出層

layer.close(layer.index);

刷新父層

parent.location.reload(); // 父頁面刷新

關閉iframe 彈出的全屏層

var index1 = parent.layer.getFrameIndex(window.name); //先得到當前iframe層的索引
parent.layer.close(index1); //再執行關閉

最后一種

先安裝導入（ts項目）

 

 

// 自定義組件
import layer from "vue-layer";
import "vue-layer/lib/vue-layer.css";

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

父組件使用：

 

 

 

 

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)