1. el-form-item的label旁加icon
去掉原先 el-form-item 上的 label,使用 slot= label 自定义即可。
<el-form-item prop="任务名称" required>
<span slot="label">
<i class="el-icon-connection"></i>
<span style="color: #46a0fc;"> 任务名称 </span>
</span>
</el-form-item>
2. 为 el-form-item 添加点击事件
给 Vue 组件绑定事件的时候,要加上native,否则不起作用,如果是普通的html元素,就不需要。
<el-form-item @click.native="showRelatedDemandModal">
<span slot="label">
<i class="el-icon-connection"></i>
<span style="color: #46a0fc">
任务名称
</span>
</span>
</el-form-item>