往期
从0到1完成一个Vue后台管理项目（二、使用element-ui）
从0到1完成一个Vue后台管理项目（三、使用SCSS/LESS，安装图标库）
从0到1完成一个Vue后台管理项目（四、引入axios、配置路由）
书写登录页
- 新建Login.vue
- 配置路由
需要注意的是，如果你的elementUI是按需引入的，不要忘了引入
然后我们会得到一个简单的登录页的界面
添加校验
我们的灯枯表单是需要进行校验的，elementUI这个是封装好的，我们可以按照它的使用方式去用
然后我们就可以得到一个简单的校验了
优化
正则
我们正常书写正则是比较麻烦的，这里我们采用一个vscode插件：any-rule
然后我们按F1就可以使用
但是我们正常开发不会这么去写规则，我们都是在方法里去校验的，所以我们要进行优化
优化
这里的正则就是我们利用插件去书写的
封装
我们还可以进行进一步优化，把这个校验单独封装成一个文件
建立utils
使用
这个就是我们正常开发的使用形式了
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79683.html
