ant design vue menu 导航菜单
ant design vue menu 导航菜单是一个网站或者系统的重要功能,通过导航可以对网站或者系统的功能进行分门别类。
水平导航菜单
例子
var app = new Vue({
el: '#app',
data: {
current: ['home']
},
methods: {
home: function () {
alert('你点击了首页')
}
}
});
内嵌导航菜单
内嵌导航菜单只需要把mode设置为"inline"即可,
例子
垂直导航菜单
内嵌导航菜单只需要把mode设置为"vertical"即可,
例子
缩起展开内嵌菜单
缩起展开内嵌菜单需要注意的就是标题文字需要用span标签
首页
例子
只展开当前父级菜单
只展开当前父级菜单及只保留一个展开的子菜单,需要用到 openChange事件和