element中组件的信息过长的呈现问题
发布时间
阅读量:
阅读量
1.表头过长问题分析
将slot设置为“header”,并将其包裹在tooltip组件中。这种样式处理方式确实令人费解,需要重新定义一个style标签,而且不能使用scoped作用域,同时还必须添加!important标识。之前很多开发者都采用了这种方式,这也导致了一些不了解情况的人无论如何调整样式都无法生效,实在让人无奈(这实际上等同于引入了一个全局样式)。
其实我个人并不建议采用这种方法,但前人已经留下了这样的设计,我们又能怎么办呢!可以参考下面提供的解决方案
elementUI中tooltip自定义class样式在scoped下不生效问题
<el-table-column
v-for="(item, index) in tableHead"
:label="item.label"
:prop="item.prop"
:key="index"
align="center"
min-width="120"
show-overflow-tooltip
>
<template slot="header" >
<el-tooltip
effect="dark"
:content="item.lab
全部评论 (0)
还没有任何评论哟~
