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

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