el-Tooltip以及el-popover提示,content换行,slot的使用

编程知识 更新时间:2023-04-05 06:22:14

一、el-tooltip内容换行:(使用slot#content)

效果图:

<el-tooltip class="item" effect="dark" placement="top">
                            <div slot="content">
                                 <span>1.所选的表必须设有主键,并且是单字段主键</span><br/>
                                 <span>2.必须保证主键长度至少19位</span>
                            </div>
                            <el-radio :label="0" border>idWorker</el-radio>
                        </el-tooltip>

中间也可以放其他el标签,el-input,el-button等等,我这里的需求是el-radio提示。

二、使用el-Popover 弹出框

有局限性,经测试没有第一种好用。无法使用在el-radio中,具体原因还在研究,一般来说提示还是用第一种比较好。
效果图:
<el-popover placement="top-start" title="标题" width="200" trigger="hover" content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"> <el-button slot="reference">hover 激活</el-button> </el-popover>

还有很多种样式,参考:https://element.eleme/#/zh-CN/component/popover#events

更多推荐

el-Tooltip以及el-popover提示,content换行,slot的使用

本文发布于:2023-04-05 06:22:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/6dee74cdb75061c867f91a8b8c542c6b.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:换行   提示   Tooltip   el   popover

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 45249文章数
  • 14阅读数
  • 0评论数