详解VUE 对element

网友投稿 252 2023-02-10


详解VUE 对element

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

ElTableColumn本来是这个样子的:

要做成的是这个样子:

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

代码的结构:

组件

{{fomatMethod(scope.row[prop])}}

import ElTableColumnPro from './ElTableColumnPro'

ElTableColumnPro.install = function(Vue) {

Vue.component(ElTableColumnPro.name, ElTableColumnPro);

};

export default ElTableColumnPro;

安装

import ElTableColumnPro from 'components/ElTableColumnPro/index'

...

...

...

Vue.use(ElTableColumnPro)

使用

</el-table-column-pro>

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


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Java统计一个字符串在另外一个字符串出现次数的方法
下一篇:浅谈React高阶组件
相关文章

 发表评论

暂时没有评论,来抢沙发吧~