element ui 表单验证不起作用

今天在使用element ui做表单验证的时候遇到哥问题,表单中命名有内容,element ui却始终提示不能为空,源代码如下:


        
          
          
        

        提交
 

data() {
          return {
              tableKey: 0,
              listQuery: {
                  ztId: null,
                  mbIds: '',
              },
              rules: {
                  zt_id: [{ required: true, message: '专题id不能为空', trigger: 'blur' }],
              },
          };
      },

在这里插入图片描述
问题就出在prop和form表单的v-model中的字段不一致,源码中prop为zt_id,全部统一使用ztId,问题解决!!

你可能感兴趣的:(捉臭虫)