通過接口 控制當(dāng)前用戶是否能看到項目成本評估這個頁簽。

我目前的實現(xiàn)方法是自定義了一個指定，發(fā)現(xiàn)如果沒有這個tab標(biāo)簽的權(quán)限 如果沒有對應(yīng)的權(quán)限 則刪除當(dāng)前節(jié)點

import util from './util'

const hasPermission = {
    install (Vue, options) {
        Vue.directive('hasPermission', {
            bind (el, binding, vnode) {

                //當(dāng)前用戶所有權(quán)限數(shù)據(jù)
                let permissionList = JSON.parse(localStorage.getItem('permissionList'));
                //當(dāng)前頁面路由名稱
                let routeName = vnode.context.$route.name;
                //根據(jù)當(dāng)前頁路由名稱 權(quán)限數(shù)據(jù)中篩選出當(dāng)前頁面權(quán)限數(shù)據(jù)結(jié)構(gòu)

                let parentData = permissionList.filter(o => o.resUrl === routeName);


                let childPermissionList = permissionList.filter(o => o.resParentId === parentData[0].resId);


                if (util.hasPermission(childPermissionList,binding.value).length === 0) {
                    //如果沒有對應(yīng)的權(quán)限  則刪除當(dāng)前節(jié)點
                    el.parentNode.removeChild(el);
                }
            }
        });
    }
};

export default hasPermission;

重點來了，我發(fā)現(xiàn)控制之后的效果是這樣的

這個 el.parentNode.removeChild(el) 只是把tab里面的內(nèi)容刪掉了，但是tab的頭并沒有被隱藏。

大家能給個實現(xiàn)這個需求的思路或者改進(jìn)的方法么？ 非常感謝