elemenui中table假数据,点击编辑将内容回显当前行table表格中

table表格中的数据有前端写死的假数据

点击编辑,将编辑内容回显到table表格当前行

点击保存,将添加内容存储在定义的对象中

 

 
//将填写内容赋值给定义的对象
_this.tableContent = {
              proDesc: _this.form.desc,
              attachName: _this.fileList[0].name,
              status: "查看",
            };
     //通过子传父,将内容传递给父组件
      _this.$emit("tableChild", _this.tableContent);


//父组件接收子组件值
  <examineUploadFileDia
      :diaVisKey.sync="examineUploadFileDiaVis"
      :editParams="editParams"
      :nameParams="nameParams"
      :uploadUrl="$urls.tangshanElectricityInspection.addEleCheckTrade"
      @tableChild="tableChild"
    />

 tableChild(data) {
      this.tableData.forEach((item) => {
        if (this.activeName == item.processName) {
          item.problem = data.proDesc;
          item.status = data.status;
          item.attachName = data.attachName;
        }
      });
    },

//点击table当前行内容进行赋值
   handleRowClick(row) {
      this.activeName = row.processName;
    },

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值