问题：当你动态修改了A页面的query参数，然后更新A页面路由，然后跳转到B页面，B页面异步操作this.$router.go(-1)，此时在A页面获取不到query参数；
解决：A页面需要延迟获取query参数，使用setTimeout(()=>{}, 0),即可正常获取query参数；
如图所示：
image.png
mounted() {
this.getApi();
this.createPermission();
setTimeout(() => {
const { moduleType } = this.$route.query;
this.moduleType = moduleType || "touchedInstructions";
console.log(window.location.href);
}, 0);
console.log(window.location.href);
},
image.png
在vue种 可以动态设置路由参数： 1.使用this.$router.go()，与js histroy.go() ...
本节知识点 利用指令来做到页面跳转 this.$router.go(-1) 和this.$router.go(1)...
返回上一页this.$router.go(-1)刷新页面location.reload()一、同域传递参数 二、跳...
1.原始方法： location.reload(); 路由跳转： this.$router.go(0); 总结：上...
1. 动态路由匹配 路径参数以 : 标记，参数值会被设置到this.$route.params。使用路由参数，例如...
1，路由传值 方式一:使用函数方式，通过路由的路径带参数，同时配置路由的时候也要带上参数，获取参数使用this.$...
原因： 切换tab时 二级路由使用路由切换用了this.$router push 跳转页面， 导致侧滑出现空白页 ...
1、方法 最直接的刷新方式：刷新整个页面 location.reload();this.$router.go(0)...
方式1：路由路径携带参数（param/query） 配置路由 路由路径 路由组件中读取请求参数 this.$rou...
router-link this.$router.push("/"); this.$router.go(1); 页...
本文标题：异步使用路由this.$router.go(-1) 导致页面参数
本文链接：https://www.haomeiwen.com/subject/himisdtx.html
网友评论