Closed yangyaq closed 3 months ago
版本号: "@form-create/element-ui": "2.5.29", UI 框架的版本 (UI version) : 2.15.10
在外部组件中 调用nextStep()方法
nextStep() 内部手动调用 submit 在数据为空的情况下得到的结果是 校验通过, 但是 表单上提示了相应信息,如图
<template> <div> <form-create v-model="fApi" :rule="rule" :option="options" :value.sync="value" /> <div> </div> </div> </template> <script> export default { name: "tmpFile", created() { }, data(){ return { fApi: {}, rule: [ { "type": "input", "field": "d_remark", "title": "变更描述", "info": "", "_fc_drag_tag": "input", "hidden": false, "display": true, "validate": [{"required": true, "trigger": "blur", "min": 1}], // "$required": "" }, ], options:{ "onSubmit": (formData) => { this.$emit('reportFileValue', formData) }, "form": { "labelPosition": "left", "size": "mini", // "labelWidth": "150px", "hideRequiredAsterisk": false, "showMessage": true, "inlineMessage": false }, "submitBtn": false, }, value: {}, fileNameOptions: [] } }, methods: { nextStep(){ // this.fApi.submit(() => alert('success')) this.fApi.submit((formData, fapi) => { //todo 提交表单 alert("通过") console.log("表单验证通过", fapi, formData) },()=>{ alert("失败") console.log("表单验证未通过") //todo 表单验证未通过 }) } } } </script>
期望:能在数据 不合法不满足必填验证时,结果是未校验通过
感谢反馈,我这边检查一下 @yangyaq
没有复现,我这边测试在不输入的情况下,弹窗的是"失败" @yangyaq
能看下你的用法吗,参考一下
ElementUI版本是2.15.9 formCreate是最新版
vue 2 可用的 formCreate最新版本是多少啊
v2.5.35版本
用这个版本正常了,感谢!
版本号: "@form-create/element-ui": "2.5.29", UI 框架的版本 (UI version) : 2.15.10
在外部组件中 调用nextStep()方法
nextStep() 内部手动调用 submit 在数据为空的情况下得到的结果是 校验通过, 但是 表单上提示了相应信息,如图
期望:能在数据 不合法不满足必填验证时,结果是未校验通过