点击列表序号跳转到修改页面，并将当前行的值传给修改页面

一、在el-table里添加方法

            <el-table
            :data="bridgeData"
            border
            stripe
            height="778px"
            ref="listTable"
            @cell-click="handleRowChange"
        >

cell-click 当某个单元格被点击时会触发该事件

二、handleRowChange方法

代码如下（示例）：

 handleRowChange(row, column, cell) {
      this.bridgeData.forEach((ele) => {
        ele.imageIsShow = false
      })
      console.log('------->',row, column, cell)
      // 序号匹配
      if (column.property === 'statusStage') {
        localStorage.setItem('list_row_data_edit', JSON.stringify(row))
        this.$router.push({
          path: '/modify',
          query: {mode: 'listEdit'}
        })//跳转页面
      }
    },

用localStorage.setItem（）方法暂存当前行的数据

三、修改页面接收数据

代码如下（示例）：

created() {
    // 列表编辑
    // 接收list.vue中localStorage.setItem存的数据
    if (this.$route.query.mode === "listEdit") {
      console.log(JSON.parse(localStorage.getItem("list_row_data_edit")));
      this.form = JSON.parse(localStorage.getItem("list_row_data_edit"));
      this.form.bridgesType = this.getBridgesType(this.form.bridgesType);
      this.form.function = this.getFunction(this.form.function);
      this.form.tedian = this.getTedian(this.form.tedian);
      this.getteidianlist(this.form.tedianInteger);
      console.log("checkbox", this.checkbox);
    }
    this.getTedianList();
    document.title = "iBridges-编辑";
  },

使用localStorage.getItem()方法接收数据