VUE-013-为elementUI 设置 tootip 宽度

在表格显示列表中,通常添加 :show-overflow-tooltip="true" 以显示不能完全展示的单元格文案提示。单通常显示为全屏宽度,不易查看,可通过设置全局的样式,进行控制。

在 App.vue 中添加如下样式设置,即可实现。

<style>
  .el-tooltip__popper {
    max-width: 60%;
  }
</style>

  PS:在页面的<style scope> 中设置如上样式,不会生效。

 

posted @ 2019-07-21 12:48  范丰平  Views(2728)  Comments(0Edit  收藏  举报