el-tab-pane权限不生效解决方案（详细版）

 premission.js

import store from '@/store'

/**
 * 字符权限校验
 * @param {Array} value 校验值
 * @returns {Boolean}
 */
export function checkPermi(value) {
  if (value && value instanceof Array && value.length > 0) {
    const permissions = store.getters && store.getters.permissions
    const permissionDatas = value
    const all_permission = "*:*:*";

    const hasPermission = permissions.some(permission => {
      return all_permission === permission || permissionDatas.includes(permission)
    })

    if (!hasPermission) {
      return false
    }
    return true
  } else {
    console.error(`need roles! Like checkPermi="['system:user:add','system:user:edit']"`)
    return false
  }
}

/**
 * 角色权限校验
 * @param {Array} value 校验值
 * @returns {Boolean}
 */
export function checkRole(value) {
  if (value && value instanceof Array && value.length > 0) {
    const roles = store.getters && store.getters.roles
    const permissionRoles = value
    const super_admin = "admin";

    const hasRole = roles.some(role => {
      return super_admin === role || permissionRoles.includes(role)
    })

    if (!hasRole) {
      return false
    }
    return true
  } else {
    console.error(`need roles! Like checkRole="['admin','editor']"`)
    return false
  }
}

main.js进行调用我这里调用的是checkPermi 

import { checkPermi } from "@/utils/permission";
Vue.prototype.$checkPermi = checkPermi;

在需要用到的页也页面就可以用啦（部分重要代码展示）

 <el-tabs v-model="activeTab" @tab-click="handleTabClick" class="custom-nav-tabs">
            <el-tab-pane v-for="tab in filteredTabs" :key="tab.name" :label="tab.label" :name="tab.name">
            </el-tab-pane>
        </el-tabs>

   allTabs: [
                { label: 'xxxxxx', name: 'board' },
                { label: 'xxxxxx', name: 'peopleLineed' },
                { label: 'xxxxxx', name: 'totalConsume', permission: 'record:consume:daylist' },
                { label: 'xxxxxx', name: 'charline' },
                { label: 'xxxxxx', name: 'customerTotal' },
            ],

  computed: {
        // 标签栏
        filteredTabs() {
            return this.allTabs.filter(tab => {
                if (tab.permission) {
                    return this.$checkPermi([tab.permission]);
                }
                return true;
            });
        },
    },