版权声明：本文为博主原创文章，允许转载，但转载必须注明出处并附带首发链接 https://blog.csdn.net/qq_35393869/article/details/87969807
Vant-UI 表单组件（Field组件）：验证表单元素&&表单提交：
vant为什么不使用<form>标签提交表单？
- 因为使用了
<form> </form>之后，<form> </form>内的<vant-button>都会有提交表单的功能。 - 当然，这不是我们所需要的。
vant-ui表单不需要使用form标签，也可以获取表单元素的值
获取表单值方法？
data (){}内部return 定义了数据之后，再次在自定义的函数内作为定义的参数引入，然后调用this.定义对象，就可以获取你需要的值。
表单如何自定义验证？
在自定义的函数内，获取了你需要的值之后，你就可以自定义if (验证条件){}校验验证规则进行数据筛选与验证了。
if 的(验证条件)就是指：正则表达式或者 其他自定义验证规则。
.
这里不再赘述详细规则，可自定义或引用第三方验证插件。
表单如何提交？
获取到了表单的值，可以拼接成string字符串，直接使用：
<vant-button @click="onClickButtonSubmit"> 提交表单 </vant-button>
进行表单提交。
具体提交方式，以及提交的数据格式、类型，可以根据项目需求，自定义方式和格式。
这里不再赘述。
以上就是关于“ Vant-UI 表单组件（Field组件）：验证表单元素&&表单提交 - 踩坑篇 ” 的全部内容。