vue路由传参刷新报错

最新推荐文章于 2024-03-01 10:24:21 发布

LPLIFE

最新推荐文章于 2024-03-01 10:24:21 发布

阅读量744

点赞数 2

分类专栏： JavaScript vue

本文链接：https://blog.csdn.net/LPLIFE/article/details/102497155

版权

JavaScript 同时被 2 个专栏收录

76 篇文章 2 订阅

订阅专栏

vue

32 篇文章 1 订阅

订阅专栏

传参方式改为：

this.$router.push({
 path: "/result",
 query: { resultData:encodeURIComponent(JSON.stringify(res.data)) }
   });

解析：

        this.resultData =JSON.parse(decodeURIComponent(this.$route.query.resultData));

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

LPLIFE

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue路由传参页面刷新参数丢失问题解决方案，三年老前端经验面经

m0_61040489的博客

03-20

2355

/这里的params是一个对象，id是属性名，item.id是值(可以从当前组件或者Vue实例上直接取)router.push方法里面路径带的是值，路由配置项那里带的是变量名(属性名)来实现的对应；通过params传递参数，如果我们想获取id的参数值，我们可以通过this.这种方式来打印出来就可以得到了；（注意：获取参数的时候是。route，跳转和传参的时候是$router）通过路由属性配置传参我们可以用this.//这个组件对应的路由配置。//这个组件对应的路由配置。

vue路由传参,刷新页面，参数变成[Object object]

sika-master的博客

05-18

2263

问题描述在项目中，调整路径经常需要携带参数过去常见的携带参数的方式，就是通过query和params的方式 this.$router.push({ name: `test`, params: { a: 1, } }) //或者 this.$router.push({ path: `/test`, query: { a: 1, } }) //接受参数 this.$route.params.a this.$route.query.a 原因分析：如果传递的参数

参与评论您还未登录，请先登录后发表或查看评论

vue路由传参页面刷新参数丢失问题解决方案

12-13

最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下：方法一：params传参： this.$router.push({ name:"admin", 　　　　//这里的params是一个对象，id是属性名，item.id是值(可以从当前组件或者Vue实例上直接取) params:{id:item.id} }) //这个组件对应的路由配置 { 　　//组件路径 path: '/admin', 　　//组件别名 name: 'admin', 　　//组件名

VUE二级路由刷新时报错

HTML5_student的博客

03-15

595

比如访问:http://10.82.26.124:8097/正常，从这个页面跳转到：http://10.82.26.124:8097/prf-assessment-objectlist/self 时也正常，但是在这个 http://10.82.26.124:8097/prf-assessment-objectlist/self 页面刷新时就不正常了。config.js 中 publicPath: ‘/’,，将其设置为绝对路径，然后需要重新启动项目。

vue-路由传参，页面刷新参数不丢失

xxuxioxx的博客

03-01

3762

vue路由传参，参数不丢失

vue路由传参刷新丢失

gys9895的博客

06-29

4390

543534354

history 空白刷新报错子路由刷新报错

枫林晚风起

01-15

686

1.非根目录服务器的根目录，不是打包后的 export default new Router({ mode: 'history', base: '/mypro/', //如果不在根目录下面就加这个，两边的/不要丢了注意是你在服务器上的根目录，不是打包后的根目录 routes: [{}] }) 这个挺有迷惑性的，我一开始找了好多都说根目录，也不说那个根目录，而且也没想到...

vue query 路由传参，页面刷新数据丢失，页面加载不出来

qq_43578935的博客

08-26

9250

vue query路由传参，页面刷新数据丢失，通过localstorage存储数据，实现页面正常使用

No2.11 前端面试题 1. axios 2. vue路由如何传参 3. vue路由的`hash`模式和`history`模式有什么区别 4. 如何解决刷新后二次加载路由

weixin_63493262的博客

02-25

347

No2.11 前端面试题 1. axios 2. vue路由如何传参 3. vue路由的`hash`模式和`history`模式有什么区别 4. 如何解决刷新后二次加载路由

react hooks 路由传参 适合刚学习的你

weixin_45567934的博客

07-17

572

如果需要传递一个对象的话，可以将 json 对象转换为字符串，传递获取后再将 json 字符串转换为对象将数据取出来。这种方式参数数据不会显示在地址栏中，刷新也不会消失，如果失去登陆态导致重新登陆，state直接成为undefined。这种方式参数数据不会显示在地址栏中，刷新也不会消失，如果失去登陆态导致重新登陆，地址栏和search并不会丢失。地址栏表现为：/home/priceManagement/createCoupon/130。读取参数用:this.props.match.params.name。

解决vue项目部署到服务器跳转子页面之后刷新报404

m0_61061937的博客

05-31

928

然后执行nginx.exe -s reload 这个是重新启动nginx，然后在浏览器输入地址跳转到子页面进行刷新看是否报404 ，如果还未解决重启电脑一下，并运行nginx就好了。如果跳转到子页面刷新报404说明你的项目路由是用的history模式，此时需要打开你的nginx 找到conf文件夹下的nginx.conf。然后找到server 这个位置，框红线的地方是需要添加的内容。

【Vue】通过编程式路由跳转、参数传递及重复异常错误的解决方案

【敦厚的曹操】的专栏

06-07

752

【Vue】通过编程式路由跳转、参数传递及重复异常错误的解决方案

vue-router路由传参的几种方式(干货)

最新发布

weixin_45475798的博客

03-01

2017

vue路由传参

vueRouter

weixin_47039303的博客

11-17

154

1.router用于组件和组件跳转(路由器) 路由器的工作流程:路由传送有映射表把数据传输到指定的设备 2. (面试)vue路由前后端分离: 后端负责资源和数据他负责页面的所有业务前端路由: 会一次性给浏览器(后端只需要给静态资源) url由前端负责前端渲染:由前端来渲染页面后端渲染(由后端来渲染)和路由: 1)页面在后端形成直接返回给浏览器 2)由后端处理url和页面之间的映射关系路由中间件:单纯的功能就是分流处理 3.基本使用 hash模式: #/ 在控制

vue学习笔记

weixin_42119967的博客

02-26

385

一、vue的基础使用

vue使用params路由传参出现undefined

luxurie的小窝

03-17

6458

params路由传参出现undefined的解决办法 router.js：关键要写name { name: 'search', path: '/search', component: Search }, 发送参数的组件中：（query传参时用 path 定位，而这里用 name ） this.$router.push({ name: 'search', params: { quer...

vue路由this.$router.push跳转传参时，页面刷新会出现undefined的问题

qq_40685439的博客

03-26

6196

一般来说。利用this.$router.push进行页面跳转时，如果传递的参数为对象（图片中data为对象）时，不能直接传，而是需要把对象经过JSON.stringify转为字符串，取数据的时候需要用JSON.parse解析出来，刷新的时候才不会出现undefined。注意： 1、经过测试，此方法只对以query形式传参时才会起效果，params不行。 2、params传参，push里面只能是 name:‘xxxx’,不能是path:’/xxx’, 否则拿到的数据是undefined。因为params只.

黑马vue2笔记

qq_63856981的博客

04-22

562

vue:一套用于构建用户界面的前端框架构建用户界面用vue往html页面添加数据框架框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能！vue 的指令、组件（是对 UI 结构的复用）、路由、Vuex、vue 组件库使用自定义组件时需要加v-指令前缀即：声明成 color ，使用时要写成 v-color在每个 Vue 组件中，可以在directives节点下声明私有自定义指令//定义名为 color 的指令，指向一个配置对象color: {

vue路由传参当刷新页面时，参数变成“[object Object]”

铁锤妹妹的博客

11-25

5558

如果传参是一个`对象`，点击进入页面路由可以获取对象的值；但是刷新页面会导致获取不到对象值，被强制转换为字符串 `"[object Object]"`，导致数据不能使用。

vue路由传参刷新失效

09-29

路由传参在Vue中确实会在页面刷新时失效。这是因为刷新页面会重新加载Vue实例，导致之前传递的参数丢失。解决这个问题的方法有三种：使用路由params传参、使用路由query传参以及使用Vuex。 1. 通过路由params传参：...