直接贴代码 不多说:
<el-table-column label="选中" width="55">
<template slot-scope="scope">
<div>
<el-checkbox v-model="scope.row.flag" @change="changeFn(scope.$index)"></el-checkbox>
</div>
</template>
</el-table-column>
changeFn(index) {
this.list.forEach(item => {
item.flag = false
})
this.list[index].flag = true
}
getList() {
var param = {
pageNumber:this.pageNumber,
pageSize:this.pageSize,
...this.condition
}
api.getLectureTimesData(param).then(res => {
if(res.data.ok){
res.data.data.records.forEach(item => {
// 控制 选中的 关键属性
item.flag = false
})
// vue 绑定的数据
this.list = res.data.data.records
}
})
}
网友评论