antd vue 表单中子组件怎么做校验?

作者站长头像
站长
· 阅读数 5

antd vue 表单中嵌套了自定义的子组件,这个组件内没有表单,请问怎么做校验

<a-form-model-item
     label="name"
     :labelCol="{ span: 6 }"
     :wrapperCol="{ span: 14 }"
     prop="name"
     >
     <TreeList />
</a-form-model-item>

name: [ // 子组件选择了内容,但是这里一直提示请输入,不走下面的自定义校验方法checkName
          { required: true, message: "请输入", trigger: "blur" }, 
          { validator: checkName, trigger: "blur" },
      ],

 const checkName = (rule, value, callback) => {
      if (!value) {
        callback(new Error(""));
      }
      callback();
    };
回复
1个回答
avatar
test
2024-07-10
  1. 走没走自定义校验方法,你肉眼看不出来的
  2. 组件和formitem没有做绑定,缺v-model
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容