elementui怎樣讓列表默認(rèn)選中？

步驟1：在表格中添加一列

步驟2：在data中定義以及數(shù)組用來存儲選中的元素。例如：multipleSelection:[]

selection-change方法用戶實時監(jiān)聽選中元素

實現(xiàn)效果如下：

二、實現(xiàn)默認(rèn)選中

在獲取表格數(shù)據(jù)時，添加如下方法，其中me.zclbList為獲取到的表格數(shù)據(jù)列表

// 獲取后臺數(shù)據(jù)

public mounted() {

this.loadData();

}

// 初始查詢 public loadData() { // 提交獲取返回數(shù)據(jù) let that: any = this; AuditApi.getAuditItemList({status: 1}).then( (responseJSON: any) => { this.auditItemList = responseJSON; that.$nextTick(()=> { that.toggleSelection(that.auditItemList); }); }); }

定義ref="table",用來獲取該表格

public toggleSelection(rows: any) { let that: any = this; if (rows) { rows.forEach((item: any) => { //設(shè)置該表格選框選中 that.$refs.table.toggleRowSelection(item); }); } else { that.$refs.table.clearSelection(); } }

即可實現(xiàn)默認(rèn)選中。