美文网首页
Vuex 获取值失败,Vue 页面跳转传值

Vuex 获取值失败,Vue 页面跳转传值

作者: nesanero | 来源:发表于2022-10-09 15:55 被阅读0次

结论:

  1. vuex 不支持跨页面传值。
  2. 异步方式存取值。

提供本人遇到过的一个场景及解决办法。
问题复现:页面A 跳转到 页面B 需要传递一个对象数据,并且刷新 页面B 值仍然存在;当从 页面C 跳转到 页面B 时不需要传递数据,且不需要读取以前的数据;以上场景均可以使用 query 方式,将对象序列化后放在地址栏传递即可,但是不希望在地址栏看到实际数据。

解决方式: 使用 localStoragesessionStorage 保存数据,在 页面A 使用 query 方式传递 key 即可,从其他页面跳转时就不传递

相关文章

  • Vuex 获取值失败,Vue 页面跳转传值

    结论:vuex 不支持跨页面传值。异步方式存取值。 提供本人遇到过的一个场景及解决办法。问题复现: 从 页面A 跳...

  • 2018-09-28

    1.vue 路由跳转传值 -------- 最好用vuex,bus不适合在路由跳转中传值,因为需要初始化组件 2....

  • ionic关于跳转那些事

    简单介绍一下跳转页面,和页面传值 引入 页面跳转并传值 返回上一页 请求接口失败或者成功返回页面 如果需要返回是传入值

  • 4、Mpvue页面跳转传值、V-html解析等

    一、页面跳转传值 绑定点击事件 页面跳转传参 页面效果页面参数 二、VUE之V-html解析(使用:简单的文本类型...

  • Vue数据存储和页面传值

    数据存储和页面传值 数据存储 Vue 数据存储方法有Vuex、LocalStorage、SessionStorag...

  • Vue笔记

    1.vue文件之间使用路由跳转传值: this.$router.push({ path:'要跳转的页面路径',...

  • vue路由跳转传递参数方式

    vue中点击页面跳转传参,可以通过设置params 与query params方式获取params传值方式this...

  • vue传参数

    vue跳转页面并传参数

  • 2020-03月前端面试题

    vue相关 vue父子组件传值方式有哪些? 兄弟组件间如何传值? vuex是用来干什么的? vuex核心模块有哪些...

  • React-router 路由传值两种方式

    和vue的路由传递在获取值的时候稍微有点不同 安装路由 页面引入路由 1.get传值 路由正常配置 传递值 接收值...

网友评论

      本文标题:Vuex 获取值失败,Vue 页面跳转传值

      本文链接:https://www.haomeiwen.com/subject/rxngartx.html