主页 > 电脑硬件  > 

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

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

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

标签:

Vue+Elementui全局配置el-table表格列宽可拖拽由讯客互联电脑硬件栏目发布,感谢您对讯客互联的认可,以及对我们原创作品以及文章的青睐,非常欢迎各位朋友分享到个人网站或者朋友圈,但转载请说明文章出处“Vue+Elementui全局配置el-table表格列宽可拖拽