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


Posted in Javascript onJune 17, 2017

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

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

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

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

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

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

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

<router-view></router-view>

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

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

Javascript 相关文章推荐
会自动逐行上升的文本框
Jun 30 Javascript
Node.js和PHP根据ip获取地理位置的方法
Mar 14 Javascript
Jquery搜索父元素操作方法
Feb 10 Javascript
javascript实现获取字符串hash值
May 10 Javascript
Jquery根据浏览器窗口改变调整大小的方法
Feb 07 Javascript
Vue声明式渲染详解
May 17 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 Javascript
JS实现查找数组中对象的属性值是否存在示例
May 24 Javascript
Element-ui DatePicker显示周数的方法示例
Jul 19 Javascript
使用vue打包进行云服务器上传的问题
Mar 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设计模式 php实现享元模式(flyweight)
2015/12/07 PHP
php 访问oracle 存储过程实例详解
2017/01/08 PHP
thinkphp 中的volist标签在ajax操作中的特殊性(推荐)
2018/01/15 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
JS判断元素为数字的奇异写法分享
2012/08/01 Javascript
js动态设置鼠标事件示例代码
2013/10/30 Javascript
JavaScript返回网页中锚点数目的方法
2015/04/03 Javascript
浅析BootStrap Treeview的简单使用
2016/10/12 Javascript
微信小程序删除处理详解
2017/08/16 Javascript
AngularJS表单验证功能
2017/10/19 Javascript
vue2.0+vue-dplayer实现hls播放的示例
2018/03/02 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
ES6 对象的新功能与解构赋值介绍
2019/02/05 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
2020/05/17 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
Vue 同步异步存值取值实现案例
2020/08/05 Javascript
js动态添加带圆圈序号列表的实例代码
2021/02/18 Javascript
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
python中reduce()函数的使用方法示例
2017/09/29 Python
python selenium UI自动化解决验证码的4种方法
2018/01/05 Python
Python文件操作基础流程解析
2020/03/19 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
python 发送邮件的四种方法汇总
2020/12/02 Python
html5 web本地存储将取代我们的cookie
2012/12/26 HTML / CSS
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
使用PDF.JS插件在HTML中预览PDF文件的方法
2018/08/29 HTML / CSS
莫斯科隐形眼镜网上商店:Linzi
2019/07/22 全球购物
J2SDK1.5与J2SDK5.0有什么区别
2012/09/19 面试题
database面试题
2013/03/28 面试题
数据库什么时候应该被重组
2012/11/02 面试题
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
法律专业求职信
2014/05/24 职场文书
2014年高三班主任工作总结
2014/12/05 职场文书
长城英文导游词
2015/01/30 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书