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

JavaScript08

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

配置了vue-router前端路由，会直接载入.vue组件，组件内ready()部分从服务器拉数据。已经正确加载页面，尝试修改url最后一个参数（数字），希望按回车键后加载新的内容。发现要按2次回车才能正常请求。

前端路由格式为/newspost/:postid,地址栏现在为:

http://localhost:8080/#!/newspost/2

将2换成3,然后按回车：

http://localhost:8080/#!/newspost/3

则页面没有变化，chrome开f12的network发现并没有发起请求。再次到地址栏按回车（不修改数字参数),则发起请求并加载内容。如果第二次也修改了url参数，那么回车后依然不发起请求。

window.open(...location=no...)

这种写法IE6以上不支持，谷歌不支持

两种方案可以解决：

1、不弹出OPEN，弹出一个DIV，然后DIV里内嵌一个IFRAME，IFRAME的地址是'page.html'；

2、使用模式窗体，自度。