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 猜你想看 每日一学：PHP 中的array_key_last函数详解 JS作用域闭包 关于WordPress的内存溢出导致数据库无法处理 一次“科学计数法”引发的 Nuxt Cookie 事故：字符串竟然变成了 Infinity 关于2022年12月9日宝塔严重安全性漏洞被挂马后我的反思 Dell 服务器风扇调速指南：让你的服务器更安静 每日一学：PHP 中的array_filter函数详解 每日一学：PHP 中的array_intersect_assoc函数详解 Typecho 图片水印插件Watermark - 为你的博客图片添加专属水印 Vue计算属性及使用 最后修改：2023 年 05 月 02 日 © 允许规范转载 赞 0 如果觉得我的文章对你有用，请随意赞赏
