码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-04-09 10:42:16      阅读:545      评论:0      收藏:0      [点我收藏+]

标签:loading   sele   span   value   script   checkbox   function   code   each   

 

 

 

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

 

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

标签:loading   sele   span   value   script   checkbox   function   code   each   

原文地址:https://www.cnblogs.com/foreverfendou/p/12665039.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!