ant vue 树形菜单横向显示_ant design vue menu 导航菜单

ant design vue menu 导航菜单

ant design vue menu 导航菜单是一个网站或者系统的重要功能，通过导航可以对网站或者系统的功能进行分门别类。

水平导航菜单

例子

首页

禁用项

产品列表

苹果

香蕉

胡萝卜

西红柿

友情链接 - Link

var app = new Vue({

el: '#app',

data: {

current: ['home']

},

methods: {

home: function () {

alert('你点击了首页')

}

}

});

内嵌导航菜单

内嵌导航菜单只需要把mode设置为"inline"即可， 

例子

垂直导航菜单

内嵌导航菜单只需要把mode设置为"vertical"即可， 

例子

缩起展开内嵌菜单

缩起展开内嵌菜单需要注意的就是标题文字需要用span标签

首页

例子

只展开当前父级菜单

只展开当前父级菜单及只保留一个展开的子菜单，需要用到 openChange事件和