element table 点击表头展开收起

点击表头可以展开，宽度自适应，再次点击收起，宽度变小

思路：使用af-table-column自适应宽度  改变width

上流程：

1.安装

  npm install af-table-column

tip：报错的话

清除npm缓存

npm cache clean --force

取消ssl验证

npm config set strict-ssl false

之后再安装

2.main.js引入

import afTableColumn from 'af-table-column'

Vue.use(afTableColumn)

3.上代码

3.1表格添加表头点击事件

@header-click="resLog"

 resLog(val){
   if(val.label=="xx(点击展开)"){
     this.columnWidth = 200
   }
   if(val.label=="xx(点击收起)"){
     this.columnWidth = 80
   }
 },

3.2data里写

columnWidth

3.3column

OK 完事