Leaf_Yi
2021-09-11 11:15
采纳率: 100%
浏览 19
已结题

element-puls dialog中使用表单验证,required始终报错

element-puls dialog中使用表单验证,required始终报错

 <el-dialog title="创建模板"
               v-model="sendForm">
      <el-form :model="quanTemplateForm"
               v-model="quanTemplateForm">
        <el-form-item label="名"
                      prop="ct_title"
                      :rules="[
      { required: true, message: '不能为空'},
    ]"
                      :label-width="formLabelWidth">
          <el-input v-model="quanTemplateForm.title"
                    autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
    </el-dialog>

注意我把rules提前到表单的form-item中了
但是无论我是否填了,他都会弹出 不能为空 的message

  • 好问题 提建议
  • 收藏

2条回答 默认 最新

  • Leaf_Yi 2021-09-14 09:52
    已采纳

    经过实验发现,原因居然是要prop和表单里面的字段相同,也就是要有三个相同的地方,prop,表单字段,rule字段

    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • tonyzhangcn 2021-09-11 14:56

    这俩应该一致。

    img

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题