Advertisement

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)

还没有任何评论哟~