Vue.js中跳转报错 地址栏改变 页面不改变

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue.js中跳转报错 地址栏改变 页面不改变相关的知识,希望对你有一定的参考价值。

在页面点击跳转按钮后报错但是代码中没有写有关这段代码的内容

参考技术A 配置了vue-router前端路由,会直接载入.vue组件,组件内ready()部分从服务器拉数据。已经正确加载页面,尝试修改url最后一个参数(数字),希望按回车键后加载新的内容。发现要按2次回车才能正常请求。
前端路由格式为/newspost/:postid,地址栏现在为:
http://localhost:8080/#!/newspost/2
将2换成3,然后按回车:
http://localhost:8080/#!/newspost/3
则页面没有变化,chrome开f12的network发现并没有发起请求。再次到地址栏按回车(不修改数字参数),则发起请求并加载内容。如果第二次也修改了url参数,那么回车后依然不发起请求。本回答被提问者和网友采纳

history.js 一个无刷新就可改变浏览器栏地址的插件(不依赖jquery)

解决:

  不刷新改变网址地址

 

github地址

 

简介

 

以上是关于Vue.js中跳转报错 地址栏改变 页面不改变的主要内容,如果未能解决你的问题,请参考以下文章

Dynamics 365Online 登录跳转报错页

Dynamics 365Online 登录跳转报错页

web中的跳转语句 java中的跳转语句

jsp中的两种跳转方式分别是?有什么区别?

jsp中的两种跳转方式分别是?有什么区别?

vue.js项目构建之vue-router2.0的使用