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> <template>
<Menu active-name="1-2" :open-names="['1']"> <Menu mode="horizontal" :theme="theme1" active-name="3-4" @on-select="hs">
<Submenu name="1"> <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"> <template slot="title">
<Icon type="ios-analytics"></Icon> <Icon type="ios-stats" />
Navigation One 统计分析
</template> </template>
<MenuGroup title="Item 1"> <MenuGroup title="使用">
<MenuItem name="1-1">我是菜单一</MenuItem> <MenuItem name="3-1">新增和启动</MenuItem>
<MenuItem name="1-2">我是菜单二</MenuItem> <MenuItem name="3-2">活跃分析</MenuItem>
<MenuItem name="3-3">时段分析</MenuItem>
</MenuGroup> </MenuGroup>
<MenuGroup title="Item 2"> <MenuGroup title="留存">
<MenuItem name="1-3">我是菜单三</MenuItem> <MenuItem name="3-4">用户留存</MenuItem>
<MenuItem name="1-4">我是菜单四</MenuItem> <MenuItem name="3-5">流失用户</MenuItem>
</MenuGroup> </MenuGroup>
</Submenu> </Submenu>
<Submenu name="2"> <MenuItem name="4">
<template slot="title"> <Icon type="ios-construct" />
<Icon type="ios-filing"></Icon> 综合设置
Navigation Two </MenuItem>
</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>
</Menu> </Menu>
</template> </template>
<script> <script>
export default { export default {
data () {
return {
theme1: 'light'
}
},
methods: {
hs (n) {
console.log(n);
}
}
} }
</script> </script>

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

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

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

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