ElementUI之el-tooltip显示多行内容

ElementUI之el-tooltip显示多行内容

1. 多行文本实现

展示多行文本或者是设置文本内容的格式,使用具名 slot 分发content,替代tooltip中的content属性。

2. 实现代码

<el-tooltip placement="top">
  <div slot="content">1.业务需求分析<br/>2.实现方案设计</div>
  <el-button>看效果</el-button>
</el-tooltip>

3. 展示效果

在这里插入图片描述

相关推荐

  1. el-tooltip超出显示

    2024-06-06 00:58:06       36 阅读
  2. elmentUI el-table 总结

    2024-06-06 00:58:06       9 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-06 00:58:06       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-06 00:58:06       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-06 00:58:06       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-06 00:58:06       20 阅读

热门阅读

  1. Unknown module(s) in QT: texttospeech

    2024-06-06 00:58:06       7 阅读
  2. Vue的过滤器是什么如何使用它

    2024-06-06 00:58:06       8 阅读
  3. Git配置SSH-Key

    2024-06-06 00:58:06       8 阅读
  4. rose 聊开源—1 你为什么需要一个开源项目

    2024-06-06 00:58:06       8 阅读
  5. django接入djangorestframework-simplejwt步骤

    2024-06-06 00:58:06       10 阅读
  6. blender从视频中动作捕捉,绑定到人物模型

    2024-06-06 00:58:06       8 阅读
  7. 随心笔记,第四更

    2024-06-06 00:58:06       6 阅读
  8. AIGC工具汇总介绍

    2024-06-06 00:58:06       6 阅读
  9. Blender 学习笔记(一)快捷键记录

    2024-06-06 00:58:06       7 阅读
  10. EasyExcel前端怎么使用:深度解析与实用指南

    2024-06-06 00:58:06       11 阅读
  11. CSS:transform作用

    2024-06-06 00:58:06       8 阅读
  12. EasyExcel

    2024-06-06 00:58:06       6 阅读