vue之监听器的使用案例详解

2022-04-15 0 1,121

第一种,用jquery的ajax发请求 

vue之监听器的使用案例详解

用户注册时,判断用户名不能重复,可以用到监听器。监听器,用watch,需要监听哪个值的变化,就把这个值,放在watch里面。 

拿到新值,调用接口,去请求后端,判断用户名是否已存在。

vue之监听器的使用案例详解

 此时,遇到的问题,用户刷新页面的时候,并不会触发监听器,只是在username值发生变化的时候,才会触发监听器,改进方法:将方法格式的侦听器改成对象格式的侦听器。

vue之监听器的使用案例详解

优先推荐方法格式的监听器(最简单),如果刷新进来就需要执行一次,就定义成对象的监听器。 

当一个对象有多个属性的时候,我们必须用对象格式的监听,如果需求对象任意一个属性改变,都能触发监听器,就必须开启deep属性

vue之监听器的使用案例详解

当对象有多个属性,开启deep:true。 

如果要监听的是对象的某个子属性变化,则用下面的写法:

vue之监听器的使用案例详解

总结:

vue之监听器的使用案例详解

vue之监听器的使用案例详解

vue之监听器的使用案例详解

vue之监听器的使用案例详解

到此这篇关于vue之监听器的使用案例详解的文章就介绍到这了,更多相关vue之监听器的使用内容请搜索NICE源码以前的文章或继续浏览下面的相关文章希望大家以后多多支持NICE源码!

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 JavaScript vue之监听器的使用案例详解 https://www.niceym.com/24187.html