關於element如何實現點選行資料後臺彈出展開行資訊
阿新 • • 發佈：2020-09-02
1:首先設定table的屬性 如下圖:
第一個屬性 row-key 行資料的 Key，用來優化 Table 的渲染；在使用 reserve-selection 功能與顯示樹形資料時，該屬性是必填的。型別為 String 時，支援多層訪問：user.info.id，但不支援user.info[0].id，此種情況請使用Function。
第二個屬性 expand-row-keys 可以通過該屬性設定 Table 目前的展開行，需要設定 row-key 屬性才能使用，該屬性為展開行的 keys 陣列。
第三個屬性 @row-click 當某一行被點選時會觸發該事件
2:在data中初始化expands:[]
3: 在methods中定義行點選事件和獲取行key值的方法,資料的主鍵需要自行修改
getRowKeys(row){ returnrow.courseId; }, rowClick(row,event,column){ this.expands=[]; vararr=row.tags.split(','); this.dynamicTags=arr; if(this.expands.includes(row.courseId)){ this.expands=this.expands.filter(val=>val!==row.courseId); }else{ this.expands.push(row.courseId); } }