2017-11-24
實(shí)現(xiàn)圖1的全選功能：將下表中的table框默認(rèn)選中
主要涉及到table以下的屬性和方法：
1商蕴、Table-Method：toggleRowSelection
toggleRowSelection：用于多選表格，切換某一行的選中狀態(tài)荡澎，如果使用了第二個(gè)參數(shù)麸锉，則是設(shè)置這一行選中與否（selected 為 true 則選中）；參數(shù)：row, selected———>獲取被選中的行
代碼：
vm.$refs.multipleTable.clearSelection(this.multipleSelection);
list.forEach(function(row) {
????????????vm.$refs.multipleTable.toggleRowSelection(row,true)
});
注意：
1晃琳、$refs. multipleTable 中的multipleTable 是table中ref的值
2籍救、 vm.$refs.multipleTable.clearSelection(this.multipleSelection);清除選項(xiàng)，以至于切換時(shí)出現(xiàn)的都是第一次的狀態(tài)
2污茵、Table-column Attributes：reserve-selection
reserve-selection：僅對(duì) type=selection 的列有效樱报，類(lèi)型為 Boolean葬项，為 true 則代表會(huì)保留之前數(shù)據(jù)的選項(xiàng)泞当，需要配合 Table 的 clearSelection 方法使用∶裾洌———>實(shí)現(xiàn)選中狀態(tài)
代碼：
<el-table-column type="selection" width="55" :reserver-selection="true"></el-table-column>
3襟士、Table Attributes：row-key
row-key：行數(shù)據(jù)的 Key，用來(lái)優(yōu)化 Table 的渲染嚷量；在使用 reserve-selection 功能的情況下陋桂，該屬性是必填的。類(lèi)型為 String 時(shí)蝶溶，支持多層訪問(wèn)：user.info.id嗜历，但不支持user.info[0].id，此種情況請(qǐng)使用Function——————>當(dāng)table被默認(rèn)全選時(shí)抖所，簡(jiǎn)單的理解就是選中全選的那個(gè)框梨州，如此屬性，全選的框無(wú)法實(shí)現(xiàn)
代碼：
:row-key="getRowKeys"
getRowKeys:function(rows) {
????????????returnrows.id;
},
