vue3 element-plus form校验不生效

vue3 element-plus form校验不生效

明明输入框已经填写了值，但是还是校验没有值，是因为form没有绑定 model

注意form上要写:model="form"

const form = reactive({
  nodeName: null,
  id: null,
  name: null,

})

const rules = reactive({
  nodeName: [
    { required: true, message: '请输入节点ID', trigger: 'blur' },
    { pattern: /^[a-zA-Z][a-zA-Z0-9]*$/, message: '只能是字母或数字组成，且第一个字符必须是英文字母', trigger: 'blur' }
  ],
  id: [{ required: true, message: '请选择API', trigger: 'blur' }]
})



       <el-form label-position="top" label-width="auto" :rules="rules" :model="form">
          <el-form-item label="节点ID" prop="nodeName">
            <el-input v-model="form.nodeName" placeholder=""></el-input>
          </el-form-item>