vue-plugin

Appearance

目录

NavigationTabs导航页签组件 ​

基础用法 ​

vue
<template>
    <div class="container">
        <div class="navigation-warp">
            <ws-navigation-tabs :menuData="routerData"></ws-navigation-tabs>
        </div>
        <div class="main-container">
            <!-- 增加keep-alive缓存机制 -->
            <ws-keep-alive>
                <router-view class="main-router-view"></router-view>
            </ws-keep-alive>
        </div>
        <ws-navigation-menu :visible.sync="visible" :routerData.sync="routerData" :menuData="menuList"></ws-navigation-menu>
    </div>
</template>

<script>
    export default {
        data () {
            return {
                visible: false,
                routerData: [],
            }
        },

    }
</script>

属性 ​

参数说明类型默认值
menuData菜单列表，必传参数Array-
clicktab点击事件Function-
close关闭页签,返回false可阻止页签关闭Function-
open新开页签事件Function-

方法 ​

方法名说明
$getModuleUrl绑定到Vue.prototype上，根据模块名和op值查询对应模块的请求地址及权限，参数{moduleName,op}
$getModuleOpList绑定到Vue.prototype上，根据模块名查询当前模块所有配置的op，参数{moduleName}