vue页面跳转传值

时间：2019-03-29 16:30:33 阅读：231 评论：0 收藏：0 [点我收藏+]

第一种方式：例：消息列表页跳转：

methods: {

　　goTo(){

　　　　this.$router.push({

　　　　　　name:‘/My/Info‘,

　　　　　　query:{

　　　　　　　　‘tellSeq‘:this.tableData[index].TellSeq, //跳路由

　　　　　　　　‘menu‘:JSON.stringify(this.menuList), //传值,必须用stringify，否则，跳转页面刷新，数据会消失

　　　　　　}

　　　　});

}

消息详情页收值：

let menuToken = JSON.parse(this.$route.query.menu);

第二种方式：例：用户登录跳转首页

window.sessionStorage.setItem(‘userInfo‘, JSON.stringify(res.data)); //登录接口发通后，存储用户信息到本地缓存；

created() {

let userInfo = JSON.parse(window.sessionStorage.getItem(‘userInfo‘)); //

登录后，在首页获取用户登录信息：

}

第三种方式：子组件和父组件之间传值，参考：

https://www.cnblogs.com/linxin/p/7144123.html

原文：https://www.cnblogs.com/js0618/p/10621946.html

踩

(0)

评论一句话评论（0）

分享档案

更多>