kvue-permission

前端UI集成JS库，包括统一登录iframe,菜单权限控制，数据权限过滤

使用

1. npm 引入插件kvue-permission

npm install kvue-permission

2. mian.js中引入所有路由

import routerList from './router/permissionAll';

3. 引入导航组件

const Layout = resolve => require(['@/views/Basic/Layout'], resolve);

4. 引入插件

import EtcSSOAuth from 'kvue-permission'

5. 使用插件

注意：url 为多环境配置权限系统登录页面地址，appid为当前应用id

Vue.use(EtcSSOAuth, { url: "http://sso-dev.yitaichang.cn", appid: 'riderm0u5hsmhkeipx', routers: routerList, layout: Layout });

6. permission.js 无需权限处理

router.afterEach((to, from) => {
    NProgress.done() // 结束Progress
});
router.onError((e) => {
    console.log(e);
});

7. 修改 vuex login.js --> updateSideMenu

// 根据权限控制导航菜单
updateSideMenu: ({ commit }, data) => {
    commit('UPDATE_SIDE_MENU', data)
},

注意！若需手动显示登录弹窗则调用

this.$showAuthLogin();