Vue 点击表格切换内容

表单自定义赋值

 <el-table-column prop="flag" label="123" ></el-table-column>

• 无字段的情况下，给表单赋值，将获取到的数据forEach循环，添加自定义字段

 		this.tableDataResults.forEach((val)=>{
            val.flag=""
        })

点击该行，表格某一列数据切换

• 获取点击行，进行判断赋值

 rowClick(row, column, event){ 
      let tableResults = JSON.parse(JSON.stringify(this.tableDataResults))  //需要被赋值的表格数据
      this.historicalResults = row.itemValue //获取点击行
      let historical =  this.historicalResults  
      tableResults.forEach((item,index) =>{  
        for(let i = 0;i <historical.length;i++){ 
          if(item.lisItemId == historical[i].itemId){ 
            item.flag = historical[i].historyResStr
            this.tableDataResults=tableResults  //获取最新的表单数据值
          } 
        } 
      }) 
    },

效果图