【vue】el-form-item添加icon和tooltip

1,117 阅读1分钟

image.png

image.png

        <el-form-item prop="companyname">
                  <span slot="label">
                    范围
                    <el-tooltip content="命令类型数值的范围区间" placement="top">
                      <i class="el-icon-question"></i>
                    </el-tooltip>
                  </span>
                  <el-input
                    v-model="form.vScope"
                    placeholder="请输入命令类型数值的范围"
                  />
                </el-form-item>
                
                    <el-form-item prop="roleKey">
      <span slot="label">
        <el-tooltip content="控制器中定义的权限字符,如: @PreAuthorize(`@ss.hasRole('admin')`)" placement="top">
          <i class="el-icon-question"></i>
        </el-tooltip>
        权限字符
      </span>
      <el-input v-model="form.roleKey" placeholder="请输入权限字符" />
    </el-form-item>
    

image.png