宝哥软件园

单击选定事件的vue二级菜单导航方法

编辑:宝哥软件园 来源:互联网 时间:2021-08-30

因为我们没有用vue做一个真正完整的项目,所以我们利用这个项目的闲暇时间,用vue做了一些页面,丰富我们的项目体验。所以接下来的步骤基本上都是一些简单的函数。

目标:单击收缩进行主导航,单击选择进行次导航

源代码主要是思路,具体的就不发布了

ul class='侧边栏-菜单' li class='treeNav' v-for='(项目,索引)在configNav ' a href=' JavaScript : void(0)' rel=' external no follow ' @ click=' showToggle(索引)' { { item . name } }/a ul : class=' { ' active ' : index===isShow } ' Li v-for='项目中的nav . subitem ' a : href=' nav . link ' relis show=index},TreeNavSwitch : FuncTion(nav){ this . LinkClick=nav . link;} } }/脚本在上面的vue二级菜单中导航和点击所选事件的方法是边肖共享的所有内容。希望能给大家一个参考,多支持我们。

更多资讯
游戏推荐
更多+