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


Posted in Javascript onJune 17, 2017

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

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

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

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

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

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

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

<router-view></router-view>

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

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

Javascript 相关文章推荐
JavaScript 注册事件代码
Jan 27 Javascript
jquery 获取自定义属性(attr和prop)的实现代码
Jun 27 Javascript
Jquery index()方法 获取相应元素索引值
Oct 12 Javascript
JavaScript使用yield模拟多线程的方法
Mar 19 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
详解jQuery UI库中文本输入自动补全功能的用法
Apr 23 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
Mar 17 Javascript
微信小程序三级联动地址选择器的实例代码
Jul 12 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
Jul 26 Javascript
LayUI表格批量删除方法
Aug 15 Javascript
使用electron将vue-cli项目打包成exe的方法
Sep 29 Javascript
vue-cli 首屏加载优化问题
Nov 06 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
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2010/06/11 PHP
php操作JSON格式数据的实现代码
2011/12/24 PHP
PHP时间格式控制符对照表分享
2013/07/23 PHP
浅析51个PHP处理字符串的函数
2013/08/02 PHP
php下获取http状态的实现代码
2014/05/09 PHP
PHP的文件操作与算法实现的面试题示例
2015/08/10 PHP
PHP与以太坊交互详解
2018/08/24 PHP
PHP大文件及断点续传下载实现代码
2020/08/18 PHP
拖动Html元素集合 Drag and Drop any item
2006/12/22 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
自己的js工具 Event封装
2009/08/21 Javascript
jQuery后代选择器用法实例
2014/12/23 Javascript
避免jQuery名字冲突 noConflict()方法
2016/07/30 Javascript
微信小程序Redux绑定实例详解
2017/06/07 Javascript
详解React native全局变量的使用(跨组件的通信)
2017/09/07 Javascript
js+css实现打字效果
2020/06/24 Javascript
小程序实现人脸识别功能(百度ai)
2018/12/23 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
vue路由缓存的几种实现方式小结
2020/02/02 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
2020/10/26 Javascript
[01:58]DOTA2上海特级锦标赛现场采访:RTZ这个ID到底好不好
2016/03/25 DOTA
《Python学习手册》学习总结
2018/01/17 Python
python中的set实现不重复的排序原理
2018/01/24 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
python实现猜拳小游戏
2020/04/05 Python
Python笔试面试题小结
2019/09/07 Python
Python3中的tuple函数知识点讲解
2021/01/03 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
2013/06/20 HTML / CSS
移动端html5模拟长按事件的实现方法
2018/09/30 HTML / CSS
极简鞋类,赤脚的感觉:Lems Shoes
2019/08/06 全球购物
投标人廉洁自律承诺书
2014/05/26 职场文书
区域经理岗位职责
2015/02/02 职场文书
家属联谊会致辞
2015/07/31 职场文书
2016年学校禁毒宣传活动工作总结
2016/04/05 职场文书