本文主要介绍解决ele ui表格表头过长问题的实现。通过示例代码进行了非常详细的介绍,对于大家的学习或者工作都有一定的参考价值。有需要的朋友下面和边肖一起学习。
设计是这样的:
但它是这样制作的:
有一排连接。要知道,工作中总有一些ui无事可做,喜欢指指点点。
后来在官方手册里找到了这个参数:
附:https://element.eleme.cn/#/zh-CN/component/table
首先我们要知道H是vue封装的一种方法。它叫做$createelement,意思是创建一个节点(我猜是,但是没办法。我还没有通过第一次英语考试。),然后这个方法返回一个列和索引。列实际上就是这个网格中的内容。让我们把它打印出来。
现在将这个方法添加到我的动态头中:
列作为该网格中的所有属性打印出来。
然后,为了实现设计图纸。要这样写:
细心的人会发现,我的头里面有一个|的符号,其实就是用于这个方法的。
h调用createelement方法,传入一个div,然后传入一个样式,最后使用split来拆分字符串。添加要拆分的div。样式如下:
最后,这是一个原型。
这就是本文的全部内容。希望对大家的学习有帮助,支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。