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, // 设置默认值 }, }; } }, });

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