Vue关于watch里调用方法的坑

最新推荐文章于 2025-07-17 11:31:56 发布

Lg泪光

最新推荐文章于 2025-07-17 11:31:56 发布

阅读量2.8w

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue watch methods

本文链接：https://blog.youkuaiyun.com/qq_38604499/article/details/81354363

本文讨论了Vue中watch调用methods时遇到的问题，即页面经常报找不到方法的错误。文章指出，在某些情况下，this指向会多出额外的层级，导致无法直接通过this调用methods中的函数。

Vue关于watch里调用方法的坑

这里是说watch调用methods里方法的时候，页面经常会报找不到方法

这个时候一定要在watch里去输出一下this，

看看this包裹的壳是不是多了好多层，所以找不到方法，虽然我到现在还没理解为啥有时候会出现一层或几层壳的问题。
例如
正常情况下用this.functionname()就可以调用了。
但是在一些情况下（现在本人还没找到原因）在控制台输出this的时候你会发现数据经常是这样包裹的a{name},name里面对你的methods还包裹了一层，所以使用方法的时候就会变成 this.a.methods.funtionname()
原因还在找，不过解决办法先记下来。