不同的页面获取之间数据的方法

最新推荐文章于 2023-12-22 15:52:45 发布

来者可是诸葛孔明

最新推荐文章于 2023-12-22 15:52:45 发布

阅读量884

点赞数

分类专栏：笔记文章标签：前端 javascript es6

本文链接：https://blog.csdn.net/QTATQ/article/details/121340092

版权

笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.通过localStorage的方法

数据存在本地，使用，清除
1.localStorage.setItem(“自定义的名字”，{“数据名”:${数据}})

   let params = {
              id: res.data,
              courtCode: this.formParams.courtCode
            }
   localStorage.setItem(
              "tabItem",
               JSON.stringify(params)
            );

2.获取数据localStorage.getItem(“自定义的名字”,);

courtCode:JSON.parse(localStorage.getItem("tabItem")).courtCode,
courtId: JSON.parse(localStorage.getItem("tabItem")).id,

3.清除数据 localStorage.removeItem(“自定义的名字”)

localStorage.removeItem("tabItem");

2.通过路由的方法

1、手写完整的 path:
 
    this.$router.push({path: `/user/${userId}`});
 
    获取参数：this.$route.params.userId
 
2、用 params 传递：
 
    this.$router.push({name:'user', params:{userId: '123'}});
 
    获取参数：this.$route.params.userId
 
    url 形式：url 不带参数，http:localhost:8080/#/user
 
3、用 query 传递：
 
    this.$router.push({path:'/user', query:{userId: '123'}});
 
    获取参数：this.$route.query.userId
 
    url 形式：url 带参数，http:localhost:8080/#/user?userId=123

***** 参考博客：https://www.cnblogs.com/aurora-ql/p/13566958.html*****