elementUI中，表格内容太多，导致气泡会出现闪烁，或者显示不全问题解决

具体效果如下:这里的气泡表格单元个格都是要求可以显示换行，这时候气泡非常的长，导致在临界点的时候，会一直闪烁，超多临近点就会显示不全。

我们可以给气泡一个最大高度，超过最大高度，就显示滚动条
实现方法：

<el-table-column
        label="商品名称"
        align="left"
        prop="name">
        <template slot-scope="scope">
          <el-tooltip popper-class="list-hover-tooltip" v-if="scope.column.show===true" :enterable="true"
                      effect="dark"
                      placement="top">
            <span class="list-hover-tooltip-span" slot="content" >
              <span v-html="scope.row.name"></span>
            </span>
            <span class="verticalAlign"  v-html="scope.row.name"></span>
          </el-tooltip>
          <span class="verticalAlign" v-else v-html="scope.row.name"></span>
        </template>
      </el-table-column>

利用插槽插入一个气泡，在气泡上绑定类名popper-class=“list-hover-tooltip”
在气泡中插入内容slot=“content”，给这个标签增加一个类名，具体的内容就为它的子节点。

<span class="list-hover-tooltip-span" slot="content" >
     <span v-html="scope.row.name"></span>
  </span>

编写样式：

// 气泡超过内容
 .list-hover-tooltip.el-tooltip__popper.is-dark{
   .list-hover-tooltip-span{
     display: inline-block;
     height: auto;
     max-height: 550px !important;
     overflow-y: auto;
   }
}

同理，最大宽度可以进行设置