vue router路由嵌套不显示问题的解决方法


Posted in Javascript onJune 17, 2017

vue router路由嵌套不显示问题的解决方法,具体内容如下

路由嵌套,vue2.0 router中嵌套路由不成功,如何解决?

我先说下我的需求,例如下图

vue router路由嵌套不显示问题的解决方法

我本来是想打算将中间的模块做一层子路由(test模块),模块代码没错,每次编译都正常好使。

但是打开编译后的文件之后,一直都是==只能渲染一级路由,子路由没有效果,==,查了一推资料。

帖子说:子路由多写了/, 会默认从根目录开始匹配,我试着也删除掉这些东西,但是后来发现,我的问题并不是这个原因造成的,原因在于,在子模块里面引用子路由,也是需要这个。

<router-view></router-view>

而我恰好又没有,在子模块template中加上即可!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 同时在IE和FireFox获取KeyCode的代码
Feb 07 Javascript
jQuery平滑旋转幻灯片特效代码分享
Sep 07 Javascript
jQuery解决$符号命名冲突
Jun 18 Javascript
JS 实现 ajax 异步浏览器兼容问题
Jan 21 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
Apr 21 Javascript
vue利用axios来完成数据的交互
Mar 23 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 Javascript
vue 引用自定义ttf、otf、在线字体的方法
May 09 Javascript
JS实现的tab切换并显示相应内容模块功能示例
Aug 03 Javascript
javaScript把其它类型转换为Number类型
Oct 13 Javascript
微信小程序语音同步智能识别的实现案例代码解析
May 29 Javascript
json.stringify()与json.parse()的区别以及用处
Jan 25 Javascript
详解vue+vueRouter+webpack的简单实例
Jun 17 #Javascript
js轮播图无缝滚动效果
Jun 17 #Javascript
详解webpack+vue-cli项目打包技巧
Jun 17 #Javascript
vue-router单页面路由
Jun 17 #Javascript
详解JS获取HTML DOM元素的8种方法
Jun 17 #Javascript
JavaScript输入框字数实时统计更新
Jun 17 #Javascript
Linux系统中利用node.js提取Word(doc/docx)及PDF文本的内容
Jun 17 #Javascript
You might like
PHP实现的登录页面信息提示功能示例
2017/07/24 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
jquery.post用法示例代码
2014/01/03 Javascript
js实现日期级联效果
2014/01/23 Javascript
jquery代码实现多选、不同分享功能
2015/07/31 Javascript
jquery实现的仿天猫侧导航tab切换效果
2015/08/24 Javascript
jquery获取点击控件的绝对位置简单实例
2016/10/13 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
2017/02/10 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
2017/03/07 Javascript
vue基于Vue2.0和高德地图的地图组件实例
2017/04/28 Javascript
vue-cli单页应用改成多页应用配置详解
2017/07/14 Javascript
React Native如何消除启动时白屏的方法
2017/08/08 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
在vue中获取token,并将token写进header的方法
2018/09/26 Javascript
详解Vue CLI 3.0脚手架如何mock数据
2018/11/23 Javascript
Vue实现简单计算器案例
2020/02/25 Javascript
微信小程序实现拨打电话功能的示例代码
2020/06/28 Javascript
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
轻松实现python搭建微信公众平台
2016/02/16 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
django解决跨域请求的问题详解
2019/01/20 Python
Python GUI编程完整示例
2019/04/04 Python
python通过函数名调用函数的几种场景
2020/09/23 Python
植物选择:Botanic Choice
2017/02/15 全球购物
委托书样本
2014/04/02 职场文书
大学生国庆节65周年演讲稿范文
2014/09/25 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
放假通知怎么写
2015/08/18 职场文书
高中团支书竞选稿
2015/11/21 职场文书
《绝招》教学反思
2016/02/20 职场文书
新手初学Java网络编程
2021/07/07 Java/Android