Vue + element框架的表单验证

最新推荐文章于 2024-08-17 17:56:24 发布

who_become_gods

最新推荐文章于 2024-08-17 17:56:24 发布

阅读量212

点赞数

本文链接：https://blog.csdn.net/who_become_gods/article/details/105142296

版权

本文介绍了在Vue+Element框架中如何进行表单验证，包括针对单纯input框和select的验证，以及数组循环表单的验证。在页面保存时，需使用async await确保同步验证。

摘要由CSDN通过智能技术生成

main.js

import validate from "@components/validate.js";
//验证
Vue.prototype.validate = validate

第一种情况单纯的input框或者select等的表单验证

<el-form
        :model="ruleForm"
        ref="ruleForm"
>
	<!-- model接收的是一个对象 你要验证的属性都在这个对象中 ref是后期检测所要验证表单名（这个名字可以随便起） -->
<el-form-item label="起运港"prop="pol" :rules="[{ required: true, message: '请输入起运港', trigger: 'blur'}]">
	<!-- prop为属性名 required的