vue router路由query传参刷新后数据无法获取

最新推荐文章于 2023-10-18 15:58:57 发布
最新推荐文章于 2023-10-18 15:58:57 发布
阅读量1.3k 收藏
点赞数
分类专栏： 卑微小洋日常成长 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37210775/article/details/127534707
版权 
this.$router.push({
  name: 'filialeAccountCertification',
  query: {
    params: JSON.stringify({
      flowId: flowId,
      companyName: this.baseData.companyName,
      bankName: this.baseData.bankName,
      bankNo: this.baseData.bankNo,
      bankProvince: this.baseData.bankProvince,
      bankCity: this.baseData.bankCity,
      companyId: this.baseData.companyId,
      autoTransferRandomAmount: this.autoTransferRandomAmount
    })
  }
})

用JSON.stringify

命续同心缕
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决vue-router中的query动态传参问题
12-29
最近在写项目，在写项目的过程会总发现这样或者那样的问题，比如说vue-router中的query如何传递动态的参数，经过了一些波折才解决了问题，问题描述如下： 希望跳转的时候url是这样的：http://localhost:8080/editmovie?id=**** 修改 但是呢？上面的只是一个静态的，url永远会是：http://localhost:8080/editmovie?id=111 实际上我需要
vue router带参数页面刷新或回退参数消失的解决方法
10-17
主要介绍了vue router带参数页面刷新或回退参数消失的解决方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
router路由跳转使用query传递参数刷新后数据无法获取
天心天地生的博客
09-19 1万+
问题描述: 路由进行页面的跳转时,使用query进参数传递,query中存储一个较为复杂的对象,页面初次载入时数据可以成功获取,刷新页面后数据显示{accountInfo: "[object Object]"} #代码示例 路由跳转代码 if (data.code === 200) { this.$router.push({ name: 'admin/', ...
Vue3路由传参（query）
mfxcyh的博客
04-14 1万+
1.在主组件中引入路由 import { useRouter } from "vue-router"; 2.创建路由对象 const route = new useRouter() 3.在组件中绑定方法 <goods-list-item v-for="(item,index) in goods.list" :product="item" :key="index" @click="goDetail(item.id)"> </goods-list-it
关于vue router 传参获取不到问题
热门推荐
lzcwds的博客
08-17 2万+
在当前路由中有一个toArticle方法可以跳转到article页面 methods:{ toArticle:function(index) { this.$router.push({path:'/article',params:this.blogList[index]}); } } 在article中接受不到params mounted(...
this.$route.query获取不到参数信息
最新发布
小菜鸡码农的博客
10-18 1244
this.$route.query获取不到参数信息
this.$route.query一直取不到
weixin_39897287的博客
11-25 1万+
在APP.vue里面 mounted里面（最前面） console.log(this.$route.query.source)第一次代码运行完成后能打印值， 后面刷新页面一直打印不了，也存了缓存 但是打印不出来，后来找到原因是 route.js并没有执行完毕console就打印出来了， 所以 this.$router.onReady(() => { i...
vue $router.push 跳转到当前页面 地址栏变但是数据不刷新
qq_26241443的博客
03-30 2321
vue-router跳转页面时，如果name和当前页面的name一样，只是query的参数不一样，那么会导致页面内容不刷新，因为页面内容是在created中根据route中的参数来获取的，但是跳转当前页面不会出发created。
关于路由跳转params和query传值方式不显示问题
weixin_44094836的博客
11-28 1189
首先路由跳转有两种方式 1.通过 <router-link></router-link> 实现 2.通过 this.$router.push({}） 然后this.$router.push({}又有多种传值方式。其中主要是这两种 1.this.$router.push({ name: 'order', params: { id: id } }) 2.this.$router.push({ path: 'order', query: { id: id } }) **注：**肯定有不少小
this.$route.query 获取不到值
LoveMyTail的博客
12-08 7265
具体情况是这样的，在当前的导航栏页面中，我可以获取到由登陆页面传过来的username mounted () { this.username = this.$route.query.username console.log("接收到的username："+this.username) // 正常输出 } 当我点击导航栏从而切换页面时，我想把这个username传到其它页面上去 handleSelect(key, keyPath){ console.log(this.us
vue router使用query和params传参的使用和区别
08-28
本篇文章主要介绍了vue router使用query和params传参的使用和区别，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-router路由参数刷新消失的问题解决方法
08-30
本篇文章主要介绍了vue-router路由参数刷新消失的问题解决方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue router 传参获取不到的解决方式
12-13
在当前路由中有一个toArticle方法可以跳转到article页面 methods:{ toArticle:function(index) { this.$router.push({...导致这样的原因是因为params需要通过name来获取，这里就要明白query和params的区别了 que
vue3 中获取当前路由地址避坑——router.currentRoute与$route
Wildness_的博客
02-18 1万+
1.router.currentRoute 相当于 $route 但是$route.path或者$route.fullPath只能在组件中用 组件里头：`/user?a=10` $route.path === /user $route.fullPath === /user?a=10 js模块中要使用 router.currentRoute // js模块中：router.currentRoute.value.fullPath 就是当前路由地址 2.router.currentRou...
vue3 useRouter 传递和获取参数方法
weixin_37600329的博客
05-25 2963
传递参数 router.push('/index?id=1&name=aaa') // query 参数 router.push({ path: '/index', // name: 'index', query: { id: 1, name: 'aa' } }) // params 参数 router.push({ n...
Vue3路由参数获取方式
05-25 2万+
方法一：通过引入 “vue-router” 的 useRouter import { useRouter, onMounted } from 'vue-router' setup (props, context) { const router = useRouter(); onMounted(() => { // 打印 console.log('router:', router.currentRoute.value.query) }) return {} } ...
【解决】this.$router.push跳转到另一个页面mounted事件不执行。拿不到this. $route.query的值。（vue2/vue3））
huangfuyk.的博客
08-14 2855
使用this.$router.push({path: ‘xxxx’, query: {id: “1”}})跳转到“xxxx”页面时，发现跳转成功且地址栏显示id=1，但是在该页面的mounted方法里却拿不到this. $route.query.id的值。发现该页面在app.vue文件中被。...
vue-router路由传参
04-25
在Vue.js中使用vue-router进行路由传参的方式有多种，以下是其中一种常见的方式： 1. 使用params传参 通过params传参，即在url中动态添加路由参数，可以在路由组件中通过 $route.params 访问参数。例如： 定义...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值