详解VUE 对element-ui中的ElTableColumn扩展

发布时间：2020-12-17 02:29:10 所属栏目：百科来源：网络整理

导读：公司有一个新的需求，点击ElTableColumn的头部可以进行搜索，这个功能同事已经做出来了，但是使用有些不方便，自己就打算封装成一个组件，学习一下。 ElTableColumn本来是这个样子的：要做成的是这个样子：我直接就放代码了，挨着挨着说明太多了。代码的

公司有一个新的需求，点击ElTableColumn的头部可以进行搜索，这个功能同事已经做出来了，但是使用有些不方便，自己就打算封装成一个组件，学习一下。

ElTableColumn本来是这个样子的：

要做成的是这个样子：

我直接就放代码了，挨着挨着说明太多了。

代码的结构：

组件

import ElTableColumnPro from './ElTableColumnPro' ElTableColumnPro.install = function(Vue) { Vue.component(ElTableColumnPro.name,ElTableColumnPro); }; export default ElTableColumnPro;

安装

Vue.use(ElTableColumnPro)

使用

注释就不挨着打了....

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!