使用ElEment组件实现vue表单校验空值

1.绑定表单组件数组rules

2.在data域中设定组件rules

使用ElEment组件实现vue表单校验空值_第1张图片

3.设定调用方法函数

提交校验

使用ElEment组件实现vue表单校验空值_第2张图片

取消:

测试页面

提交空值

使用ElEment组件实现vue表单校验空值_第3张图片

失去焦点

使用ElEment组件实现vue表单校验空值_第4张图片

取消重置

使用ElEment组件实现vue表单校验空值_第5张图片

提交后重置

使用ElEment组件实现vue表单校验空值_第6张图片

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