代码:

{{ username }}

{{ tips }}

span

data: {
username: '请输入用户名',
tips: '' //提示用户名是否被占用
},

watch: {
username(val) {
if (val == '') return; //如果val为空字符串则不发请求
const rusult = axios({
method: 'GET',
url: 'https://www.xxhzm.cn/api/username',
params: {
name: this.username
//name为vm中的username
}
})

rusult.then((val) => {
this.tips = val.data
//如果请求成功tips赋值为服务端返回的结果
})

}
}
})
span

span

span

最后修改:2023 年 08 月 27 日
如果觉得我的文章对你有用,请随意赞赏