博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-router 使用a链接跳转至二级子页面偶尔会出现地址栏看不见路由和参数的情况...
阅读量:6311 次
发布时间:2019-06-22

本文共 733 字,大约阅读时间需要 2 分钟。

之前在做一个vue项目,使用vue-router进行路由跳转,

切换页面的时候,需要在页面跳转之前进行一些判断操作,便没有使用router-link这个标签,而是使用了a标签,

我的需求是,从/stastic路由跳转至/fullView路由,然后在fullView页面点击返回,返回至stastic页面

当时stastic页面是这么写的

查看
goFullView (id) {
this.$router.push({path: '/fullView',query: {id: id}}) },
项目运行之后,从一级页面通过这个链接走进goFullView方法之后, 路由确实跳转成功,可地址栏显示却是http://localhost:8083/#/这种,本应该是http://localhost:8083/#/fullView?id=1这种形式,(不是百分百这种情况,也有时候地址栏会正常显示) 此时点击二级页面的返回按钮,没有返回到stastic页面,而是返回了首页,

解决方法:把a链接的href属性去掉,或者改为href="javascript:;" 就可以了

问题就出现在a链接身上了,router-link标签进行路由跳转,其实也是使用a标签,href属性值指向即将要跳转的url,如果值为#,表示不进行页面跳转,通常也使用这个实现回到顶部的效果,如果值为javascript:;则表示执行了一条空的js语句,地址不发生跳转,然后执行click方法,写法上跟javascript:void(0);一个意思,

用错了href属性,闹笑话了哈哈

转载于:https://www.cnblogs.com/fairy62/p/9486979.html

你可能感兴趣的文章
个人简历-项目经验
查看>>
swoole异步任务task处理慢请求简单实例
查看>>
oracle数据泵导入分区表统计信息报错(四)
查看>>
spring技术内幕读书笔记之IoC容器的学习
查看>>
细说多线程(五) —— CLR线程池的I/O线程
查看>>
JavaScript instanceof和typeof的区别
查看>>
Hadoop文件系统详解-----(一)
查看>>
《面向模式的软件体系结构2-用于并发和网络化对象模式》读书笔记(8)--- 主动器...
查看>>
状态码
查看>>
我的友情链接
查看>>
用sqlplus远程连接oracle命令
查看>>
多年一直想完善的自由行政审批流程组件【2002年PHP,2008年.NET,2010年完善数据设计、代码实现】...
查看>>
自动生成四则运算题目
查看>>
【翻译】使用新的Sencha Cmd 4命令app watch
查看>>
【前台】【单页跳转】整个项目实现单页面跳转,抛弃iframe
查看>>
因为你是前端程序员!
查看>>
数据库设计中的14个技巧
查看>>
Android学习系列(5)--App布局初探之简单模型
查看>>
git回退到某个历史版本
查看>>
ecshop
查看>>