当前位置: 首页 > Web前端 > vue.js

关于vue项目watch函数的this指向问题

时间:2023-04-01 00:36:32 vue.js

最近在实现一个功能的时候使用了watch函数,需要在watch函数中使用this获取数据中的值如下data:{return{footerShow:1}},watch:{parentInfo:()=>{console.log(this.footerShow)}}但是运行的时候发现报错了。通过打印这个,我发现uderfined。当时觉得可能是箭头函数的问题,于是修改了函数。data:{return{footerShow:1}},watch:{parentInfo:function(){console.log(this.footerShow)}}修改后正常运行。这时候打印this可以打印出this指向VueComponent的普通函数。指向调用当前函数的对象,箭头函数的this指向函数定义的作用域。找到官方文档,如图定义