利用localStorage存储参数，并提取参数制作出不同的表格，以vue中的Echarts表格进行举例

这是原接口,有很多组不同的数据

项目中要求点击不同的历史数据制作出不同的echarts表格，并且只用同一个接口。要是分批传输太麻烦了，想了很久还是觉得直接用localStorage把接口的信息存在浏览器缓存中 然后点击跳到不同的网页调取想要的数据

 <el-button type="text" @click="pushData(scope.row)">

{
  {scope.row.valueList[scope.row.valueList.length - 1]}}</el-button>

 

 首先把数据存进localStorage，然后跳到echarts网页

 pushData (row)
    {
      localStorage.setItem('key', JSON.stringify(row));
      this.$router.push({'name':'Detail'});
    },
    // 获取历史数据

在echarts网页把数据提取出来，放进echarts表格中

'xAxis':{
            'data':JSON.parse(localSt