Question

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

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





Answer 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参数，那么回车后依然不发起请求。