三高有军训吗?,一个方一个令读什么

　　本文主要介绍验证用户名是否可用的vue实现。本文中的示例代码非常详细，具有一定的参考价值。感兴趣的朋友可以参考一下。

　　本文分享vue的具体代码，验证用户名是否可用，供大家参考。具体如下。

验证用户名是否可用

案例效果

实现步骤(思路）

　　1.数据绑定通过v-model实现。

　　2.需要提示信息。

　　3.监听器需要监控输入信息的变化。

　　4.触发的事件需要修改。

　　进一步的调整是

　　1.采用监听器监控用户名的变化。

　　2.如果用户名改变(调用后台接口验证)

　　3.根据验证结果调整提示信息。

代码

　　基本布局

　　div id=应用程序

　　Span用户名：/span

　　跨度

　　input type= text v-model . lazy= uname

　　/span

　　跨度

　　{ {提示}}

　　/span

　　/div

　　通过监听器实现具体功能。

　　脚本类型=text/javascript src=./js/vue.js/script

　　脚本类型=文本/javascript

　　/*监听器

　　侦听器用于监视用户名的更改。

　　如果用户名改变(调用后台接口进行验证)

　　根据验证结果调整提示信息*/

　　var vm=new Vue({

　　埃尔： #app ，

　　数据：{

　　乌纳梅： ，

　　提示：“”

　　},

　　方法：{

　　checkName: function (uname) {

　　//调用接口，但是可以用定时任务模拟接口调用。

　　var that=this

　　setTimeout(function () {

　　//模拟接口调用

　　if (uname==admin) {

　　That.tip=用户名已经存在，请更改

　　}否则{

　　That.tip=可以使用用户名

　　}

　　}, 1000)

　　}

　　},

　　观察：{

　　uname:函数(val) {

　　//调用后台接口验证用户名的合法性

　　this . check name(val)；

　　This.tip=正在验证.

　　}

　　},

　　});

　　/脚本

　　这就是本文的全部内容。希望对大家的学习有帮助，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。