推荐一个好用的行内可编辑的table组件 vxe-table

项目中有一个需要用户点击table单元格可编辑的需求，由于博主用的是elementUI，element组件内实现可编辑，用过的小伙伴都知道，非常麻烦，后来博主在浏览组件的时候发现了 一款非常好用的table组件 vxe-table。

　　用起来非常简单只需要跟element一样指定表头数据就可以

 table
          border
          show-overflow
          ref="xTable"
          :data="tableData"
          :edit-config="{trigger: 'click', mode: 'cell', showStatus: true}">
          
          
          
          
          
          
            
          
        

editActivedEvent ({ row, column }, event) {
              console.log(`打开 ${column.title} 列编辑`)
            },
            editClosedEvent ({ row, column }, event) {
              console.log(`关闭 ${column.title} 列编辑`)
            }

这样一个可编辑table就直接实现了 

api:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/edit/click