vue element UI el-table 給表格添加復選框，並得到所選值

 

 

 

 <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>

    data: {
           checkBoxData: [],
    },


    methods: {
         changeCheckBoxValue(val) {
            $.each(val, function (i, v) {
                if (checkBoxData.indexOf(v.RequirementNO)==-1) {
                    checkBoxData.push(v.RequirementNO);
                }                
            })
        },

    }

</script>

 

 

 

 

          指定  type="selection" 就可以了

          @selection-change="changeCheckBoxValue" 此事件可監聽選中的所有值