Vue watch监听 date中的变量 与 数组或者对象的数据变化


直接看下面代码:
  
1.红色的的为一个对象,watch监听时。需要借助 computed 属性,否则watch监听打印出来的新旧值看不出。(注:方法可以随便写,但是 computed 中 与 watch的名字要一致,且computed中必须return返回值。)
2.蓝色的的为一个普通的变量,watch监听获取它的新旧值时,直接在watch中书写即可。(注:名字必须为 要监听的 变量名字)



data(){ return{ Form:{aaa: '',bbb:''}, value: '', } } computed: { NewForm() { return JSON.parse(JSON.stringify(this.Form)); }, }, watch: { NewForm: { handler(newVal, oldVal) { console.log('旧值:',oldVal); console.log('新值:',newVal); }, deep: true, //深度监听(可监听到对象、数组的变化) }, value(newVal,oldVal) { console.log('旧值:',oldVal); console.log('新值:',newVal); } }

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM