vue.js怎么添加密码框验证
答案:1 悬赏:20
解决时间 2021-01-15 00:51
- 提问者网友：心牵心
- 2021-01-14 09:42
vue.js怎么添加密码框验证
最佳答案
- 二级知识专家网友：往事埋风中
- 2021-01-14 10:56
第一步，创建静态页面validation.html，并引入vue.js相关的js文件，如下图所示：
第二步，在页面主体中插入form表单元素，有用户名、密码、提交按钮，如下图所示：
第三步，作为vue.js校验，利用到vue-validator插件，需要引入vue-validator相关的js文件，如下图所示：
第四步，预览静态页面，可以看到页面展示内容为：用户名、密码、提交按钮，如下图所示：
第五步，调用vue方法
new Vue({ el:'#validForm'});
如下图所示：
第六步，再次预览静态页面，查看页面显示内容，并输入内容，如下图所示：
第二步，在页面主体中插入form表单元素，有用户名、密码、提交按钮，如下图所示：
第三步，作为vue.js校验，利用到vue-validator插件，需要引入vue-validator相关的js文件，如下图所示：
第四步，预览静态页面，可以看到页面展示内容为：用户名、密码、提交按钮，如下图所示：
第五步，调用vue方法
new Vue({ el:'#validForm'});
如下图所示：
第六步，再次预览静态页面，查看页面显示内容，并输入内容，如下图所示：
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息！
大家都在看
推荐信息