提纲挈领:
去NPM官网搜索 vee-validate插件
1.安装vee-validate插件:
2.新建一个文件夹plugins里面放一个 vee-validate.js:【因为这里面之后验证的时候要写很多代码,所以没了直接放在main.js里面引入】
3.在main.js入口文件使用:
4.继续编写validate.js里面的代码:【用于注册和登录的验证】
1》不用太明白,了解就行!!!
5.在register组件里面使用:
1》开始的写法:【手机号】
2》修改之后的写法:【手机号】
2》--------------的 效果图
同理再修改【验证码】
同理再修改【密码】
同理再修改【确认密码】
最后勾选‘’协议‘’很难,与上面不同!!!
1.在validate.js里面补充自定义校验规则:
2.在register组件里面使用:
一个完整的validate.js
截止目前上面代码的效果图如下:
1.在register里面编写代码: