1.el-form-item添加icon与tooltip

使用slot="label"解决,代码如下:

<el-form-item prop="examine6Remark">
	<template slot="label">
		审查项目6描述
	</template>
	<el-input type="textarea" :autosize="{ minRows: 3, maxRows: 6}" placeholder="请输入审查项目6描述" v-model="form.examine6Remark" maxlength="255">
	</el-input>
</el-form-item>
2.tooltip换行实现

使用slot="content"解决,代码如下:

<el-tooltip class="item" effect="dark" placement="bottom">
	<div slot="content">
		供应商不得在“信用中国”网站<br/>
		(www.creditchina.gov.cn)<br/>
		被列入“失信被执行人名单”。
	</div>
	<i class="el-icon-question"></i>
</el-tooltip>
最终效果

在这里插入图片描述

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐