// data中有两个值:docList表示table的数据源,docSelection表示默认勾选项,docTable是表格的ref
data () {
return {
docList: [
{
name: '刘大',
nameId: 1,
deptname: '内科',
level: '主任医生'
},
{
name: '刘二',
nameId: 2,
deptname: '内科',
level: '主任医生'
},
{
name: '刘三',
nameId: 3,
deptname: '内科',
level: '主任医生'
},
{
name: '刘四',
nameId: 4,
deptname: '内科',
level: '主任医生'
},
{
name: '刘五',
nameId: 5,
deptname: '内科',
level: '主任医生'
}] ,
docSelection: [
{
name: '刘二',
nameId: 2,
deptname: '内科',
level: '主任医生'
},
{
name: '刘四',
nameId: 4,
deptname: '内科',
level: '主任医生'
}]
}
}
mounted () {
let arr = []
this.docList.forEach(item => {
this.docSelection.forEach(val => {
if (val.nameId === item.nameId) {
arr.push(item)
}
})
})
this.toggleSelection(arr)
}
methods: {
toggleSelection (rows) {
if (rows) {
rows.forEach(row => {
this.$refs.docTable.toggleRowSelection(row)
})
} else {
this.$refs.docTable.clearSelection()
}
}
ElementUI的table默认勾选
最新推荐文章于 2024-10-12 14:04:37 发布