Vue+Elementui 全局配置el-table表格列宽可拖拽

1、需求分析

如何让表格列宽可以拖动

elementui的el-table如果想要列宽可以拖动的话

有一个属性叫 border

 

在模板里添加这个属性即可实现

但是系统里面的表格我不可能一个一个去添加border太麻烦

如果能够全局配置岂不是非常省时间吗

我们在main.js里面通过全局混入的方式来修改elementui 通过支持border属性来全局影响

Vue.mixin({beforeCreate() {if (this.$options.name === 'ElTable') {this.$options.props = {...this.$options.props,border: {type: Boolean,default: true, // 设置默认值},};}},
});

这样完美实现全局表格列宽可拖拽！！！