本篇文章主要介绍了详解vue 对element-ui中的eltablecolumn扩展，现在分享给大家，也给大家做个参考。
公司有一个新的需求，点击ElTableColumn的头部可以进行搜索，这个功能同事已经做出来了，但是使用有些不方便，自己就打算封装成一个组件，学习一下。
ElTableColumn本来是这个样子的：
要做成的是这个样子：
我直接就放代码了，挨着挨着说明太多了。
立即学习“前端免费学习笔记（深入）”；
代码的结构：
组件
import ElTableColumnPro from './ElTableColumnPro' ElTableColumnPro.install = function(Vue) { Vue.component(ElTableColumnPro.name, ElTableColumnPro); }; export default ElTableColumnPro; {{fomatMethod(scope.row[prop])}}
安装
import ElTableColumnPro from 'components/ElTableColumnPro/index' ... ... ... Vue.use(ElTableColumnPro)
使用
{{scope.row.content}}上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
