drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Menu

Browse source
This commit is contained in:
梁灏 2018-08-28 10:42:57 +08:00
parent 416414039b
commit 164f7bcb6b
3 changed files with 39 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
examples/routers/menu.vue
View file

@ -1,46 +1,45 @@
<template>
<Menu active-name="1-2" :open-names="['1']">
<Submenu name="1">
<Menu mode="horizontal" :theme="theme1" active-name="3-4" @on-select="hs">
<MenuItem name="1" to="/button" target="_blank">
<Icon type="ios-paper" />
内容管理
</MenuItem>
<MenuItem name="2">
<Icon type="ios-people" />
用户管理
</MenuItem>
<Submenu name="3">
<template slot="title">
<Icon type="ios-analytics"></Icon>
Navigation One
<Icon type="ios-stats" />
统计分析
</template>
<MenuGroup title="Item 1">
<MenuItem name="1-1">我是菜单一</MenuItem>
<MenuItem name="1-2">我是菜单二</MenuItem>
<MenuGroup title="使用">
<MenuItem name="3-1">新增和启动</MenuItem>
<MenuItem name="3-2">活跃分析</MenuItem>
<MenuItem name="3-3">时段分析</MenuItem>
</MenuGroup>
<MenuGroup title="Item 2">
<MenuItem name="1-3">我是菜单三</MenuItem>
<MenuItem name="1-4">我是菜单四</MenuItem>
<MenuGroup title="留存">
<MenuItem name="3-4">用户留存</MenuItem>
<MenuItem name="3-5">流失用户</MenuItem>
</MenuGroup>
</Submenu>
<Submenu name="2">
<template slot="title">
<Icon type="ios-filing"></Icon>
Navigation Two
</template>
<MenuItem name="2-1">我是菜单五</MenuItem>
<MenuItem name="2-2">我是菜单六</MenuItem>
<Submenu name="3">
<template slot="title">Submenu</template>
<MenuItem name="3-1">我是菜单七</MenuItem>
<MenuItem name="3-2">我是菜单八</MenuItem>
</Submenu>
</Submenu>
<Submenu name="4">
<template slot="title">
<Icon type="ios-gear"></Icon>
Navigation Three
</template>
<MenuItem name="4-1">Option 9</MenuItem>
<MenuItem name="4-2">Option 10</MenuItem>
<MenuItem name="4-3">Option 11</MenuItem>
<MenuItem name="4-4">Option 12</MenuItem>
</Submenu>
<MenuItem name="4">
<Icon type="ios-construct" />
综合设置
</MenuItem>
</Menu>
</template>
<script>
export default {
data () {
return {
theme1: 'light'
}
},
methods: {
hs (n) {
console.log(n);
}
}
}
</script>

4
src/components/menu/menu-item.vue
View file

@ -57,9 +57,11 @@
handleClickItem (event, new_window = false) {
if (this.disabled) return;
if (new_window) {
if (new_window || this.target === '_blank') {
// 如果是 new_window，直接新开窗口就行，无需发送状态
this.handleCheckClick(event, new_window);
let parentMenu = findComponentUpward(this, 'Menu');
if (parentMenu) parentMenu.handleEmitSelectEvent(this.name);
} else {
let parent = findComponentUpward(this, 'Submenu');

3
src/components/menu/menu.vue
View file

@ -127,6 +127,9 @@
else item.opened = false;
});
}
},
handleEmitSelectEvent (name) {
this.$emit('on-select', name);
}
},
mounted () {