Vue3中使用TDesign添加动态表单校验

html部分

注意这里的data和收集数据的动态表单要有层级关系


  

js部分

// 表单相关数据
const form_data = reactive({
  address: [
    {
      sub_sn: "",
      person: "",
      mobile: "",
      province: "",
      city: "",
      area: "",
      address: ""
    }
  ]
})
const form_ref = ref()


// 提交
const submit = async () => {
  const check_res = await form_ref.value?.validate()
  if (Object.keys(check_res).length < 1) {
  	// 检验通过后,这里就可以写逻辑了
    console.log(123);
  }
}

你可能感兴趣的:(前端项目,tdesign,vue.js,javascript)