元素UI标记验证在表单中不起作用

时间:2018-01-02 04:48:18

标签: javascript html vue.js

我正在使用元素ui作为vuejs。元素ui标签工作正常,但是在使用带有prop属性的表单项验证标签时。一切似乎都不顺利。如果标签为空,我点击提交按钮,它将显示标签必须是必需的。插入标记后,仍会显示所需的文本。

<el-form 
  class="form"
  label-width="60px"
  :model="criteria"
  :rules="criteriaRules"
  ref="criteria" >

 <el-form-item label="Type" prop="type">
  <el-tag
    :key="criteriaType"
    v-for="criteriaType in criteria.type"
    closable
    :disable-transitions="false"
    @close="handleClose(criteriaType)">
    {{criteriaType}}</el-tag>
  <el-input
    class="input-new-tag"
    v-model="inputValue"
    ref="saveTagInput"
    size="mini"
    @keyup.enter.native="handleInputConfirm"
    @blur="handleInputConfirm"></el-input>
    <el-button class="button-new-tag" size="small" @click="showInput">+ Type</el-button>
 </el-form-item>

</el-form>

0 个答案:

没有答案