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

Question

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

Answer 1

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