AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2023-10-30 196
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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.js数据
vue object
数据object
VUE.js object
vue数据
Mr.Meng_95
目录
相关文章
CamilleKing
|
6月前
|
JavaScript
vue学习（7）Object.defineProperty
vue学习（7）Object.defineProperty
CamilleKing
53 2
html的七十二变
|
5月前
|
JavaScript
Vue 的响应式原理中 Object.defineProperty 有什么缺陷
Vue 的响应式原理主要依赖于 `Object.defineProperty`，但该方法存在一些缺陷：无法检测到对象属性的添加和删除，且对大量数据进行代理时性能较差。Vue 3 中改用了 Proxy 来解决这些问题。
html的七十二变
193 5
人间真情在哪儿
|
6月前
|
JavaScript 网络架构
Vue路由传参
Vue路由传参
人间真情在哪儿
34 1
邹荣乐
|
5月前
|
JavaScript
Vue路由传参实战指南：三种常用方法示例演示
Vue路由传参实战指南：三种常用方法示例演示
邹荣乐
210 0
刘大猫.
|
5月前
|
JavaScript 前端开发
vue尚品汇商城项目-day01【7.路由传参】
vue尚品汇商城项目-day01【7.路由传参】
刘大猫.
39 0
小宋1021
|
7月前
Vue3选择框选择不同的值输入框刷新变化
Vue3选择框选择不同的值输入框刷新变化
小宋1021
148 5
wljslmz
|
7月前
|
存储 关系型数据库 MySQL
MySQL 数据获取函数之辨：mysql_fetch_array 与 mysql_fetch_object
【8月更文挑战第31天】
wljslmz
108 0
土木林森
|
7月前
|
JavaScript 前端开发 开发者
Vue.js 响应式变革来袭！结合热点技术，探索从 Object.defineProperty 到 Proxy 的奇妙之旅，触动你的心
【8月更文挑战第30天】在 Vue.js 中，响应式系统自动追踪并更新数据变化，极大提升了开发体验。早期通过 `Object.defineProperty` 实现，但存在对新旧属性处理及数组操作的局限。Vue 3.0 引入了 `Proxy`，克服了上述限制，提供了更强大的功能和更好的性能。实践中，可根据项目需求选择合适的技术方案，并优化数据操作，利用懒加载等方式提升性能。
土木林森
61 0
朝阳39
|
8月前
|
JavaScript 前端开发 API
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
Vue Router【详解】含路由配置、路由定义、路由跳转、路由传参、自动注册路由、路由守卫、页面滚动、监听路由、$route、$router、路由过渡动画等
朝阳39
1726 1
朝阳39
|
8月前
|
JavaScript
vue 手动/局部刷新组件
vue 手动/局部刷新组件
朝阳39
279 0

热门文章

最新文章

  • 1
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
  • 2
    【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
  • 3
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
  • 4
    ry-vue-flowable-xg：震撼来袭！这款基于 Vue 和 Flowable 的企业级工程项目管理项目，你绝不能错过
  • 5
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
  • 6
    Vue Router 核心原理
  • 7
    Vue中的class和style绑定
  • 8
    Vue Router 简介
  • 9
    Pinia 如何在 Vue 3 项目中进行安装和配置？
  • 10
    vue渲染页面的原理
  • 1
    vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法
    955
  • 2
    在vue页面引入echarts,图表的数据来自数据库 springboot+mybatis+vue+elementui+echarts实现图表的制作
    221
  • 3
    WEB前端三大主流框架：React、Vue与Angular
    383
  • 4
    循序渐进VUE+Element 前端应用开发(10）--- 基于vue-echarts处理各种图表展示
    105
  • 5
    前端核心框架Vue指令详解
    60
  • 6
    Vue项目使用ECharts实现图表
    115
  • 7
    如何在vue添加echarts图表
    100
  • 8
    使用Vue+ ECharts进行动态图表展示
    335
  • 9
    Vue引入Echarts图表的使用
    98
  • 10
    探索前端开发框架：React、Angular 和 Vue 的对决(四)
    103

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 利用编译将 Vue 组件转成 React 组件
  • Vue.js在前端服务化上的实践与探索

    • 相关实验场景

    更多
  • 对象和接口-2：常见用法
    • 下一篇
    阿里云负载均衡SLB版本CLB、ALB和NLB有什么区别如何选择？