vue实现验证用户名是否可用
(编辑:jimmy 日期: 2024/12/26 浏览:3 次 )
本文实例为大家分享了vue验证用户名是否可用的具体代码,供大家参考,具体内容如下
验证用户名是否可用
案例效果
实现步骤(思路)
1、通过v-model实现数据绑定
2、需要提供提示信息
3、需要侦听器监听输入信息的变化
4、需要修改触发的事件
进一步调整就是
1、采用侦听器监听用户名的变化
2、如果用户名发生变化(调用后台接口进行验证)
3、根据验证的结果调整提示信息
代码
基本布局
<div id="app"> <span>用户名:</span> <span> <input type="text" v-model.lazy="uname"> </span> <span> {{tip}} </span> </div>
通过监听器实现具体功能
<script type="text/javascript" src="/UploadFiles/2021-04-02/vue.js">以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇:js实现电灯开关效果