javascript - vuejs怎样实现侧边树和页面内容的联动?
巴扎黑
巴扎黑 2017-04-11 12:47:57
[JavaScript讨论组]

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

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

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

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

巴扎黑
巴扎黑

全部回复(2)
阿神

vue-router

大概就是这样:

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

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

黄舟

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号