element table樹形數據點擊某一個單元格展開數據

首先學習element官網中table組件，學習樹形數據是如何繪制的，了解table中的各個屬性及使用方法，鏈接為https://element.eleme.io/#/zh-CN/component/table

 

官網中表格通過點擊紅框中箭頭來決定數據是否展開，由於紅框太小，不易於操作，為此，以下將介紹如何通過點擊日期屬性列中的數據來決定子節點數據是否展開。

在table標簽中添加 <table @cell-click="getOpenDetail"></table> 

方法內容如下：

getOpenDetail(row,column,cell,event) {
        if(column.label==='日期') {
          if(event.currentTarget.querySelector(".el-table__expand-icon")) {
            event.currentTarget.querySelector(".el-table__expand-icon").click()
          }
        }
 },

添加以上內容之后，就可以通過點擊如下所示情況進行數據展開了

 

 如有問題，歡迎批評指正。