请问在vue中,点击A页面携带大量的数据跳转到B页面然后渲染

问题详情:

就是点击A页面后路由跳转到B页面,并且A页面携带大量的数据传到B页面,B页面再渲染这些数据。这两个页面不是父子组件,仅仅是两个普通的页面。

如果想要这样的过程这种用vue怎么做呢?主要是携带大量数据传送,各位大牛解答一下吧,先谢谢了

阅读 8.7k
9 个回答

跳转

      this.$router.push({
        name: "detail",
        params: {
          a:[],
          b:""
        }

接收

  props: {
    a: Array,
    b: String
  },

还有query传参 vuex等 自行百度一下都有

路由传参数不行么

可以用路由的 query 属性,如果数据量太大,可以使用 vuex 或者 事件总线。

路由传参
vuex
A页存储(cookie、sessionStorage、localStorage)B页获取
...

数据量大路由 传参数 this.$router.push({

    name: "", //需要跳转模块的路由配置的name值
    params: {
    }})
    
    使用name, 不使用query ,query的参数会拼接到地址栏,过长导致错误

传大量数据,还是用vuex来进行状态管理好

考虑到B页面要刷新的话,可以存在session中,session mdn

存localStorage吧

使用es6的map 临时存储试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题