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


Posted in Javascript onJune 17, 2017

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

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

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

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

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

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

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

<router-view></router-view>

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

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

Javascript 相关文章推荐
将string解析为json的几种方式小结
Nov 11 Javascript
js replace正则表达式应用案例讲解
Jan 17 Javascript
Javascript Web Slider 焦点图示例源码
Oct 10 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
Jquery使用css方法改变样式实例
May 18 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
JS实现的自定义水平滚动字体插件完整实例
Jun 17 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
Sep 19 Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
Oct 10 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
vue-router定义元信息meta操作
Dec 07 Vue.js
详解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
世界收音机发展史
2021/03/01 无线电
php设计模式之命令模式使用示例
2014/03/02 PHP
在网页中使用document.write时遭遇的奇怪问题
2010/08/24 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
2010/09/03 Javascript
解决JS浮点数运算出现Bug的方法
2013/03/12 Javascript
js锁屏解屏通过对$.ajax进行封装实现
2014/07/31 Javascript
推荐9款炫酷的基于jquery的页面特效
2014/12/07 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
2016/05/17 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
2016/06/24 Javascript
原生JS实现圣旨卷轴展开效果
2017/03/06 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
详解Vue学习笔记进阶篇之列表过渡及其他
2017/07/17 Javascript
解决vue打包项目后刷新404的问题
2018/03/06 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
2019/02/28 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
2019/07/24 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
基于ant design日期控件使用_仅月份的操作
2020/10/27 Javascript
Python中变量交换的例子
2014/08/25 Python
如何在python中使用selenium的示例
2017/12/26 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
在pycharm 中添加运行参数的操作方法
2019/01/19 Python
利用python开发app实战的方法
2019/07/09 Python
WxPython实现无边框界面
2019/11/18 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
音频处理 windows10下python三方库librosa安装教程
2020/06/20 Python
scrapy结合selenium解析动态页面的实现
2020/09/28 Python
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
乡镇消防工作实施方案
2014/03/27 职场文书
党员查摆剖析材料
2014/10/10 职场文书
捐助倡议书
2015/01/19 职场文书
解决hive中导入text文件遇到的坑
2021/04/07 Python
在Oracle表中进行关键词搜索的过程
2022/06/10 Oracle