一、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的使用
发布评论