javascript - vuejs怎样实现侧边树和页面内容的联动?
巴扎黑
巴扎黑 2017-04-11 12:47:57
0
2
632

树有根和叶子节点,页面内容有两个组件分别对应根节点和叶子节点,当点击根节点的时候,页面内容变成相应页面内容组件,点击叶子节点时变成另一个组件。

该功能使用vue-router还是vuex可以比较方便的实现该功能?

如果使用vue-router,v-link分别在叶子节点和根节点,他们可以统一对应到一个<router-view>吗?

树是递归的树,如何实现根和叶子连接不同的页面?

巴扎黑
巴扎黑

reply all(2)
阿神

vue-router

大概就是这样:

<sidebar></sidebar>
<router-view></router-view>

在sidebar里面放你所谓的根子组件。。。在sidebar里面点击按钮是this.$route.router.go()到相应的页面。

黄舟

可以参考我做的vue多层菜单 和 视图切换
https://github.com/kuma0605/v...

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template