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

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

2023-10-30 58
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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数据
数据object
vue object
vue数据
VUE.js传参
Mr.Meng_95
目录
相关文章
陌陌谣
|
12天前
|
监控 JavaScript 前端开发
使用Vue.js开发员工上网行为监控的实时数据展示页面
使用Vue.js开发的实时员工上网行为监控页面，展示员工访问的网站、应用和时间等数据。页面响应式设计，适应不同设备。通过Vue组件显示实时数据，如`<li v-for="activity in activities">`循环渲染。数据定时更新，利用Vue的生命周期钩子和axios从服务器获取并自动刷新，确保数据的时效性。该页面有助于管理者即时了解员工网络活动，保障企业网络安全和资源管理。
陌陌谣
63 5
wishCoding
|
13天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的共享单车数据存储系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的共享单车数据存储系统附带文章源码部署视频讲解等
wishCoding
11 1
八百标兵奔北坡
|
14天前
|
JavaScript
vue数据的双向绑定
vue数据的双向绑定
八百标兵奔北坡
18 1
她说她一如既往的爱我
|
19天前
|
JavaScript
Vue 表单数据双向绑定 v-mode
Vue 表单数据双向绑定 v-mode
她说她一如既往的爱我
11 1
八百标兵奔北坡
|
8天前
|
JavaScript 前端开发 测试技术
Map 和 Object 在处理大量数据时性能差异
Map 和 Object 在处理大量数据时性能差异
八百标兵奔北坡
13 0
niceffking
|
1月前
|
JavaScript
Vue : Object.defineProperty()
Vue : Object.defineProperty()
niceffking
25 2
凌寒ᨐ舞
|
18天前
|
JavaScript
vue强制刷新组件
vue强制刷新组件
凌寒ᨐ舞
26 0
她说她一如既往的爱我
|
19天前
|
JavaScript
vue强制刷新组件的3种方法
vue强制刷新组件的3种方法
她说她一如既往的爱我
20 0
那维莱特
|
20天前
|
资源调度 JavaScript
vue的跳转传参
vue的跳转传参
那维莱特
10 0
wishCoding
|
21天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的旅游数据附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的旅游数据附带文章源码部署视频讲解等
wishCoding
14 0

热门文章

最新文章

  • 1
    【JAVA】泛型和Object的区别
  • 2
    vue2中$set的原理_它对object属性做了啥?
  • 3
    Vue 父子组件间的通信
  • 4
    vue渲染函数&JSX
  • 5
    SpringBoot + Ant Design Pro Vue实现动态路由和菜单的前后端分离框架
  • 6
    FastApi+Vue+LayUI实现前后端分离
  • 7
    VUE element-ui 之时间格式转时区格式
  • 8
    vue数据绑定原理
  • 9
    揭密 Vue 的双向绑定
  • 10
    Vue躬行记（5）——组件通信
  • 1
    【深入探究Qt内部架构】QObject、事件循环与Q_OBJECT宏的协同作用（二）
    71
  • 2
    【深入探究Qt内部架构】QObject、事件循环与Q_OBJECT宏的协同作用（一）
    59
  • 3
    Qt之Q_OBJECT 宏的神奇之旅（二）
    47
  • 4
    Qt之Q_OBJECT 宏的神奇之旅（一）
    71
  • 5
    hql投影查询之—— [Ljava.lang.Object; cannot be cast to cn.bdqn.guanMingSys.entity.Notice
    18
  • 6
    MyBatis的动态SQL之OGNL（Object-Graph Navigation Language）表达式以及各种标签的用法
    36
  • 7
    解决 NoneType‘ object has no attribute ‘astype’ 问题
    45
  • 8
    KeyError: “No object named ‘BSRN‘ found in ‘arch‘ registry!“
    97
  • 9
    Python中的类（Class）和对象（Object）
    46
  • 10
    JS中Map对象与object的区别
    27

    • 相关课程

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

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 利用编译将 Vue 组件转成 React 组件
  • Vue.js在前端服务化上的实践与探索
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）