element-ui table點擊其中一行展開折疊子項

  • element默認的table僅支持點擊左側的箭頭展開折疊當前項，如圖所示：


    50980a41a9ba53b35b4a5f82b4cb344.png
  • 而實際的需求是要點擊其中一行展開折疊當前項。
  • 用到了Table Events的row-click事件：當某一行被點擊時會觸發(fā)該事件
  • 和Table Methods的toggleRowExpansion方法：用于可展開表格，切換某一行的展開狀態(tài)。接受兩個參數(shù)row, expanded 
<el-table
    :data="tableData"
    ref="refTable"
    style="width: 100%"
 @row-click="expandChange"
>
</el-table>

expandChange(row,index,e){
      this.$refs.refTable.toggleRowExpansion(row)
 }
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

友情鏈接更多精彩內容