Loading... <p>代码:</p><pre><code><div id="app"> <input type="text" v-model="username"> <p> {{ username }} </p> <p> {{ tips }} </p> </div> 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 猜你想看 kgm格式转换为mp3 Vue侦听器 Vue3 中的 watch 和 watchEffect 详解 每日一学:PHP 中的array_fill函数详解 每日一学:PHP 中的array_uintersect_assoc函数详解 vscode配置备份 每日一学:PHP 中的array_diff_assoc函数详解 酷番云云服务器优惠活动全解析:2025年超值上云特惠方案 jQuery实现选项卡 tcping不是windows默认命令, tcping怎么安装? 最后修改:2023 年 05 月 02 日 © 允许规范转载 赞 0 如果觉得我的文章对你有用,请随意赞赏