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


Posted in Javascript onJune 17, 2017

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

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

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

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

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

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

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

<router-view></router-view>

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

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

Javascript 相关文章推荐
Jquery 学习笔记(一)
Oct 13 Javascript
javascript 年月日联动实现核心代码
Dec 21 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
Dec 01 Javascript
详解Angular 中 ngOnInit 和 constructor 使用场景
Jun 22 Javascript
详解如何使用webpack在vue项目中写jsx语法
Nov 08 Javascript
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
boostrap模态框二次弹出清空原有内容的方法
Aug 10 Javascript
解决vue-cli项目webpack打包后iconfont文件路径的问题
Sep 01 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
Oct 28 Javascript
element-ui中el-upload多文件一次性上传的实现
Dec 02 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模块memcache和memcached区别分析
2011/06/14 PHP
php中一个完整表单处理实现代码
2011/11/10 PHP
php获取ip的三个属性区别介绍(HTTP_X_FORWARDED_FOR,HTTP_VIA,REMOTE_ADDR)
2012/09/23 PHP
PHP中preg_match函数正则匹配的字符串长度问题
2015/05/27 PHP
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
关于IE7 IE8弹出窗口顶上
2008/12/22 Javascript
JavaScript中的细节分析
2012/06/30 Javascript
基于jquery实现瀑布流布局
2020/06/28 Javascript
WordPress 单页面上一页下一页的实现方法【附代码】
2016/03/10 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
2016/08/02 Javascript
学习掌握JavaScript中this的使用技巧
2016/08/29 Javascript
利用Angularjs和原生JS分别实现动态效果的输入框
2016/09/01 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
JavaScript中in和hasOwnProperty区别详解
2017/08/04 Javascript
vuex 中插件的编写案例解析
2019/06/10 Javascript
JS三级联动代码格式实例详解
2019/12/30 Javascript
jQuery表单校验插件validator使用方法详解
2020/02/18 jQuery
原生JS生成指定位数的验证码
2020/10/28 Javascript
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
2021/03/01 Vue.js
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
Python极简代码实现杨辉三角示例代码
2016/11/15 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
PyTorch实现更新部分网络,其他不更新
2019/12/31 Python
python 多线程死锁问题的解决方案
2020/08/25 Python
HTML5+JS实现俄罗斯方块原理及具体步骤
2013/11/29 HTML / CSS
东方电视购物:东方CJ
2016/10/12 全球购物
周生生珠宝香港官网:Chow Sang Sang(香港及海外配送)
2019/09/05 全球购物
会计出纳岗位职责
2013/12/25 职场文书
骨干教师培训制度
2014/01/13 职场文书
应届毕业生通用的自荐书范文
2014/02/07 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
高考励志标语
2014/06/05 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
卖房授权委托书样本
2014/10/05 职场文书
假释思想汇报范文
2014/10/11 职场文书
详解redis在微服务领域的贡献
2021/10/16 Redis