elementui 表单 el-form 的那些使用小技巧

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>