你也许不知道的element-ui（1）——表单自定义错误提示

官方效果：

可是有时候需要用到自定义效果：

css

.item-error {
  position: absolute;
  top: 2px;
  cursor: pointer;
  margin-left: 2px;
}

.item-error i {
  color: #f56c6c;
  font-size: 18px;
}

JS:

js部分

<el-form>
       <el-form-item
        >
          <el-input v-model="inputValue" size="small"></el-input>
          <span class="item-error" slot="error" slot-scope="{ error }">
            <el-tooltip class="item" effect="dark" :content="error" placement="top-start">
              <i class="el-icon-warning"></i>
            </el-tooltip>
          </span>
        </el-form-item>
   </el-from>