element-ui添加复选框并把选中的列表中的数据传入后台

• 需求描述
  把前端选中的的数据传入后台。
• 关键代码

<el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle"style="width: 100%;">
      <el-table-column type="selection" header-align="center" align="center" width="50" :selectable="selectable"></el-table-column>
</el-table>

处理函数

//把选中的那条记录的name属性放到namelist中
 selectionChangeHandle(val) {
     
        this.namelist = []
        for (let i = 0; i < val.length; i++) {
     
        //concat方法在数组后追加内容。
          this.namelist = this.namelist.concat(val[i].name)
        }
      },
	  
//根据状态值更新是否可勾选	  
selectable(row, index) {
               
	if(row.status == 1){
     
		return true
	}else {
     
		return false
	}
},