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

一、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.cn/#/zh-CN/component/popover#events

原创文章 22 获赞 4 访问量 8206

猜你喜欢

转载自blog.csdn.net/qq_42970173/article/details/103972723
今日推荐