sessionStorage.setItem()搭配JSON.stringify确保其他组件传的值不会消失

项目场景：

大数据中台图谱构建

---

解决方案：

1. 在父组件点击事件里用sessionStorage.setItem()通过JSON.stringify()包裹值：

//跳转到图谱构建
    goConstruct(item) {
      let graphName = item.graphName; //中文名
      let enName = item.enName; //英文名
      sessionStorage.setItem("graphName", JSON.stringify(graphName));
      sessionStorage.setItem("enName", JSON.stringify(enName));
      this.$router.push({
        path: "/independent",
        query: {
          // url的参数, 类似get请求的传参
          graphName: graphName,
          enName: enName,
        },
      });
    },

2.子组件mounted()中用JSON.parse(sessionStorage.getItem())来接收：

  mounted() { 
    let graphName = JSON.parse(sessionStorage.getItem("graphName"));
    let enName = JSON.parse(sessionStorage.getItem("enName"));
  },