form表单，在label中加入icon图标和tooltip提示语？

描述：

        在form表单中实现部分label项具有鼠标放置后的提示功能。

实现：

<FormItem prop="userType">
  <template slot="label">
    <span>用户类别</span>
    <Tooltip placement="top">   //使用Tooltip标签增加表单提示
      <div slot="content">
        <p>这里的用户类别是...</p>
      </div>
      <Icon type="md-help-circle" />
    </Tooltip>
    <span>：</span>
  </template>
  <Select
    v-model="ruleForm.userType"
    placeholder="请选择用户类别"
    style="width: 100%"
    @on-change="onChange"
  >
    <Option
      v-for="item in userTypeList"
      :key="item.dictValue"
      :value="item.dictLabel"
      >{{ item.dictValue }}
    </Option>
  </Select>
</FormItem>

效果：

说明：

        1）Tooltip：文字提示气泡框，在鼠标悬停时显示，代替了系统的title提示；

        2）slot = "label"：自定义form表单的label展示；

        3）icon：图标。

前端小白积累经验篇~~