备案控制台

开发者社区开发与运维文章正文

vue query传参刷新后数据变成[Object Object]

2023-10-30 124

版权

版权声明：

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： vue query传参刷新后数据变成[Object Object]

推荐一个不错的学习资料库

vue query传参刷新后数据变成[Object Object]

原因是传参的时候不能传对象，我们可以先转为json字符串，用的时候再转回去就可以了。

错误写法

this.$router.push({
  path: '/index',
    query: object
 })

修复

this.$router.push({
  path: '/index',
    query: {
     obj: JSON.stringify(obj)   // 转成json字符串传参
  }
 })

使用

JSON.parse(this.$route.query.obj)  // 使用时将json字符串再转回来

文章标签：

JavaScript

数据格式

JSON

关键词：

vue object

数据object

VUE.js object

VUE.js数据

vue数据

Mr.Meng_95

目录

相关文章

CamilleKing

|

21天前

|

JavaScript

vue学习（7）Object.defineProperty

vue学习（7）Object.defineProperty

CamilleKing

30 2 2

人间真情在哪儿

|

6天前

|

JavaScript 网络架构

Vue路由传参

Vue路由传参

人间真情在哪儿

9 1 1

wljslmz

|

2月前

|

存储关系型数据库 MySQL

MySQL 数据获取函数之辨：mysql_fetch_array 与 mysql_fetch_object

【8月更文挑战第31天】

wljslmz

60 0 0

土木林森

|

2月前

|

JavaScript 前端开发开发者

Vue.js 响应式变革来袭！结合热点技术，探索从 Object.defineProperty 到 Proxy 的奇妙之旅，触动你的心

【8月更文挑战第30天】在 Vue.js 中，响应式系统自动追踪并更新数据变化，极大提升了开发体验。早期通过 `Object.defineProperty` 实现，但存在对新旧属性处理及数组操作的局限。Vue 3.0 引入了 `Proxy`，克服了上述限制，提供了更强大的功能和更好的性能。实践中，可根据项目需求选择合适的技术方案，并优化数据操作，利用懒加载等方式提升性能。

土木林森

32 0 0

小宋1021

|

2月前

Vue3选择框选择不同的值输入框刷新变化

Vue3选择框选择不同的值输入框刷新变化

小宋1021

38 5 5

朝阳39

|

3月前

|

JavaScript 前端开发 API

Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等

Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等

朝阳39

453 0 0

朝阳39

|

3月前

|

JavaScript

vue 手动/局部刷新组件

vue 手动/局部刷新组件

朝阳39

127 0 0

码喽的自我修养

|

4月前

|

JavaScript 网络架构

vue路由跳转之【编程式导航与传参】

vue路由跳转之【编程式导航与传参】

码喽的自我修养

31 0 0

niceffking

|

5月前

|

JavaScript

Vue : Object.defineProperty()

Vue : Object.defineProperty()

niceffking

40 2 2

八百标兵奔北坡

|

4月前

|

JavaScript 前端开发测试技术

Map 和 Object 在处理大量数据时性能差异

Map 和 Object 在处理大量数据时性能差异

八百标兵奔北坡

92 0 0

热门文章

最新文章

vite 如何做到让 vue 本地开发更快速？

VUE element-ui之form表单中input输入超过规定长度error提醒，并实时显示输入长度，可无限输入

【第12期】Vue3+TypeScript+Vite中动态引入图片等静态资源

基于Vue和SpringBoot的电商管理系统的设计与实现（一）

前端vue给后端list集合对象传值

VUE组件：如何在Vue中实现组件的动态引入？

Vue3 自定义指令实现元素点击的节流与输入框的防抖,后端老哥再也不用担心我频繁发送请求了

Springboot+vue的校园社团管理系统（有报告）。Javaee项目，springboot vue前后端分离项目。

vue后台管理系统小功能

Vue学习-组件和生命周期

Vue数据双向绑定实现原理

Vue入门指北——渲染函数和jsx

Vue组合式函数（一）

Vue组合式函数（二）封装一个请求

vue项目中关闭eslint报错

Vue 2|学习笔记

Vue基于$attrs及$listeners实现隔代通信

基于Vue实现多标签选择器

CDN方式使用Vue组件通信

Vue中使用 iframe 嵌入本地 HTML 页面并相互通信

相关课程

更多

Spring Boot+Vue.js+FastDFS实现分布式图片服务器

Vue.js 入门与实战

Vue.js完全自学手册图文教程

相关电子书

更多

Vue.js 在前端服务化上的探索与实践

利用编译将 Vue 组件转成 React 组件

Vue.js在前端服务化上的实践与探索

下一篇

无影云桌面