vue element UI el-table 给表格添加复选框，并得到所选值

Posted 2021-03-01 foreverfendou

 

 

 

 <el-table @selection-change="changeCheckBoxValue"  v-bind:data="this.requireData" v-loading="this.tableLoading"
                              border
                              style="width:100%" >
 <el-table-column min-width=‘140‘ type="selection"></el-table-column>
 <el-table-column prop="RequirementNO" v-bind:label="$t(‘rq_lst_require_no‘)" min-width=‘150‘>  </el-table-column>
 </el-table>

 

 

<script>
   
    methods: {
changeCheckBoxValue(val) {
$.each(val, function (i, v) {
console.log(i, v.RequirementNO);//function里面可以接受两个参数，i是索引，v是每次循环的具体元素。
})

},


    }
</script>

 

 

 

          指定  type="selection" 就可以了

          @selection-change="changeCheckBoxValue" 此事件可监听选中的所有值