element-ui table点击其中一行展开折叠子项

  • element默认的table仅支持点击左侧的箭头展开折叠当前项,如图所示:

    image
  • 而实际的需求是要点击其中一行展开折叠当前项。

  • 用到了Table Events的row-click事件:当某一行被点击时会触发该事件

  • 和Table Methods的toggleRowExpansion方法:用于可展开表格,切换某一行的展开状态。接受两个参数row, expanded




expandChange(row,index,e){
      this.$refs.refTable.toggleRowExpansion(row)
 }

转自:https://www.jianshu.com/p/805294a6db55

你可能感兴趣的:(element-ui table点击其中一行展开折叠子项)