修改el-tooltip弹出框宽度（不去掉scope）

BUG何处藏

于 2024-09-10 20:29:01 发布

阅读量127

点赞数 1

分类专栏： elementPlus踩过的坑合集文章标签： javascript 前端 vue.js elementui

本文链接：https://blog.csdn.net/weixin_45847765/article/details/142108411

版权

elementPlus踩过的坑合集专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在使用el-tooltip时不会默认换行，官网也没有相对应的字段来控制，网上大部分都是去掉scope,但是这样做很容易造成代码混乱，不推荐使用，经过我测试，使用以下方法可轻松解决自定义问题。

 <el-tooltip  placement="top-end" effect="dark" :offset="8" show-after="500">
           <template #content>
              <div style="width: 120px;">{{item.tip}}</div>
           </template>
           <iconpark-icon name="InfoCircle" :size="12"></iconpark-icon>
 </el-tooltip>