菜单

08335 / hivui-platform-template

hivui平台项目模板

Browse code 菜单 master
1 parent f739cc8 commit 1860b219c997772b10d9263ac774b339f7f3012b 20278 authored on 8 Sep 2022

Showing 1 changed file

Ignore Space Show notes View project/hivuiMain/views/layout/components/side/Smenus.vue
<template> <Ssub-menu :icon="icon" :level="level" :hasTitle="hasTitle" :parent="parent"> <template slot="title">{{menuitem.name}}</template> <template v-for="(item,index) in menuitem.children"> <Smenu-item :icon="item.iconClass" :hasTitle="hasTitle" v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> <Snav-sub-menus :icon="item.iconClass" :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></Snav-sub-menus> </template> </Ssub-menu> </template> <script> import {Smenu,SsubMenu,SmenuItem} from '../Smenus' export default { name:'SnavSubMenus', inject:['addTab'], components:{ Smenu,SsubMenu,SmenuItem }, props:{ icon:{ type:String }, menuitem:{ type:Object }, hasTitle:{ type: Boolean, }, level:{ type:Number }, parent:{ type:Object } }, methods:{ handleOpenFunc(item){ //url,title,uid,callback,nearest if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name) this.addTab(item);//inject 提供的方法只能传一个参数 } } } </script> <template> <Ssub-menu :icon="icon" :level="level" :hasTitle="hasTitle" :parent="parent"> <template slot="title">{{menuitem.name}}</template> <template v-for="(item,index) in menuitem.children"> <Smenu-item :icon="item.iconClass" :hasTitle="hasTitle" v-if="!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item> <Snav-sub-menus :icon="item.iconClass" :menuitem="item" v-if="item.children&&item.children.length"></Snav-sub-menus> </template> </Ssub-menu> </template> <script> import {Smenu,SsubMenu,SmenuItem} from '../Smenus' export default { name:'SnavSubMenus', inject:['addTab'], components:{ Smenu,SsubMenu,SmenuItem }, props:{ icon:{ type:String }, menuitem:{ type:Object }, hasTitle:{ type: Boolean, }, level:{ type:Number }, parent:{ type:Object } }, methods:{ handleOpenFunc(item){ //url,title,uid,callback,nearest if(item.type== "link"){ window.open(item.resUrl,item.name); return; } // this.addTab(item.resUrl,item.name) this.addTab(item);//inject 提供的方法只能传一个参数 } } } </script>

Ignore Space Show notes View

project/hivuiMain/views/layout/components/side/Smenus.vue

<template>
    <Ssub-menu :icon="icon" :level="level" :hasTitle="hasTitle" :parent="parent">
        <template slot="title">{{menuitem.name}}</template>
        <template v-for="(item,index) in menuitem.children">

<Smenu-item :icon="item.iconClass" :hasTitle="hasTitle"  v-if="item.isShow&&!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item>
            
            <Snav-sub-menus :icon="item.iconClass" :menuitem="item" v-if="item.isShow&&item.children&&item.children.length"></Snav-sub-menus>
        </template>
    </Ssub-menu>
</template>
<script> 
import {Smenu,SsubMenu,SmenuItem} from '../Smenus'
export default {
    name:'SnavSubMenus',
    inject:['addTab'],
    components:{
       Smenu,SsubMenu,SmenuItem
    },
    props:{
        icon:{
            type:String
        },
        menuitem:{
            type:Object
        },
        hasTitle:{
            type: Boolean,
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{        
        handleOpenFunc(item){
            //url,title,uid,callback,nearest
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }

// this.addTab(item.resUrl,item.name)
            this.addTab(item);//inject 提供的方法只能 传一个参数
        }
    }
}
</script>

<Smenu-item :icon="item.iconClass" :hasTitle="hasTitle"  v-if="!(item.children&&item.children.length)" @click="handleOpenFunc(item)">{{item.name}}</Smenu-item>
            
            <Snav-sub-menus :icon="item.iconClass" :menuitem="item" v-if="item.children&&item.children.length"></Snav-sub-menus>
        </template>
    </Ssub-menu>
</template>
<script> 
import {Smenu,SsubMenu,SmenuItem} from '../Smenus'
export default {
    name:'SnavSubMenus',
    inject:['addTab'],
    components:{
       Smenu,SsubMenu,SmenuItem
    },
    props:{
        icon:{
            type:String
        },
        menuitem:{
            type:Object
        },
        hasTitle:{
            type: Boolean,
        },
        level:{
            type:Number
        },
        parent:{
            type:Object
        }
    },
    methods:{        
        handleOpenFunc(item){
            //url,title,uid,callback,nearest
            if(item.type== "link"){
                window.open(item.resUrl,item.name);
                return;
            }

// this.addTab(item.resUrl,item.name)
            this.addTab(item);//inject 提供的方法只能 传一个参数
        }
    }
}
</script>

Show line notes below