为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

HUWWW 2019-03-21 14:14:00
问题详情:就是点击A页面后路由跳转到B页面,并且A页面携带大量的数据传到B页面,B页面再渲染这些数据。这两个页面不是父子组件,仅仅是两个普通的页面。如果想要这样的过程这种用vue怎么做呢?主要是携带大量数据传送,各位大牛解答一下吧,先谢谢了
查看完整描述

8 回答

?
芜湖不芜

TA贡献1796条经验 获得超7个赞

跳转


      this.$router.push({

        name: "detail",

        params: {

          a:[],

          b:""

        }

接收


  props: {

    a: Array,

    b: String

  },

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


查看完整回答
反对 回复 2019-04-14
?
慕桂英4014372

TA贡献1871条经验 获得超13个赞

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


查看完整回答
反对 回复 2019-04-14
?
慕雪6442864

TA贡献1812条经验 获得超5个赞

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

查看完整回答
反对 回复 2019-04-14
?
拉莫斯之舞

TA贡献1820条经验 获得超10个赞

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


    name: "", //需要跳转模块的路由配置的name值

    params: {

    }})

    

    使用name, 不使用query ,query的参数会拼接到地址栏,过长导致错误


查看完整回答
反对 回复 2019-04-14
?
慕标5832272

TA贡献1966条经验 获得超4个赞

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


查看完整回答
反对 回复 2019-04-14
?
LEATH

TA贡献1936条经验 获得超6个赞

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


查看完整回答
反对 回复 2019-04-14
?
绝地无双

TA贡献1946条经验 获得超4个赞

存localStorage吧


查看完整回答
反对 回复 2019-04-14
?
一只斗牛犬

TA贡献1784条经验 获得超2个赞

使用es6的map 临时存储试试


查看完整回答
反对 回复 2019-04-14
  • 8 回答
  • 0 关注
  • 2418 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信