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

sixthelement 2020-04-09

<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" 此事件可监听选中的所有值

相关推荐