Vue+element在form表单后加图标

<template>

　　<el-form

          :ref="formName"

          :model="ruleForm"

          :rules="rules"

          label-width="140px"

          label-position="top"

          class="demo-ruleForm dialog-from-box"

        >

          </el-form-item>

          <el-form-item prop="columnName">

            <span slot="label">

              <span class="span-box">

                <span>列名：</span>

                  <i class="el-icon-question" title="该列应为对应的样本数据"/> //鼠标移入显示文本，title属性

              </span>

            </span>

            <el-input

              v-model="ruleForm.columnName"

              placeholder="请输入该列列名"

              maxlength="100"

              @input="change($event)"

            />

          </el-form-item>

        </el-form>

</template>

<style scoped>

.el-icon-question {

  font-size: 16px;

}

.el-icon-question:hover{

  color: #5cb6ff;

}

</style>