VUE-013-为elementUI 设置 tootip 宽度

Posted 2022-05-01 fengpingfan

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

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

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

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