form表单提交时：表单验证

最新推荐文章于 2023-11-16 13:34:24 发布

PonFee

最新推荐文章于 2023-11-16 13:34:24 发布

阅读量311

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_36200055/article/details/115718172

版权

    <form :rules="formRules">
        <form-item prop='name'></form-item>
        <form-item prop='age'></form-item>
    </form>

    data(){
        return {
            formRules:{
            	// required: true 必填，trigger: 'blur' 触发方式 失去焦点时验证，message 验证显示的信息
                name:[{ required: true, message: '请输入姓名', trigger: 'blur' }],
                age:[{ required: true, message: '请输入年龄', trigger: 'blur' }],
            }
        }
    }