Vue动态修改element el-table的某列数据

 

 

1、对话框打开时调用函数open@opened="checked"

2、可编辑                   --------

                 visEdit="true"
                 >

3、同步选中的数据List：multipleSelection ，函数  checked: function ()

 

 

   

    

      
      

      
      


      
        
      

    


  

  

    
      {{$t('common.Btn')}}
    
    {{$t("common.cancel")}}
  

 

 

  checked: function () {



        //初始化默认选中状态
        //首先el-table添加ref="table"引用标识
        for (var i = 0; i < this.currentdataList.length; i++) {
          for (var j = 0; j < this.dataList.length; j++) {
            if (this.currentdataList[i].dataKey == this.dataList[j].dataKey) {
              this.$refs.table.toggleRowSelection(this.ddtaList[j], true);

            }

          }

        }
        //初始化时修改table中可编辑框中的值，（赋初值）
        for (var i = 0; i < this.dataList.length; i++) {
          for (var j = 0; j < this.currentdataList.length; j++) {
            if (this.dataList[i].dataKey == this.currentdataList[j].dataKey) {
              this.dataList[i].port = this.currentdataList[j].port
            }
          }
        }
      },



/**
 * @Description  ：表格多选框改变时，将所选行进行保存
 */
//multipleSelection 为数组
handleSelection(val) {
  this.multipleSelection = val
},