Vue项目中watch函数重复触发问题如何彻底解决？

本文共计461个文字，预计阅读时间需要2分钟。

问题描述：有两个页面A和B，每个页面都有一个getList()方法。这两个方法都需要传递一个相同的参数C。参数C的选择过程又复杂又繁琐。为了避免在切换A、B两个页面时重复选择参数C，有什么解决方案？

问题描述：

有两个页面A和B，每个页面里都有一个getList()方法。这个两个方法都需要传一个相同的参数C，参数C的选择过程又比较麻烦。为了避免在切换A、B两个界面重复选择参数C的问题，我将参数C存入vuex中，然后在两个页面里都使用watch监听参数C来执行getList()方法。然后发现一个问题，从A页面进入B页面后，在B页面重新选择参数C，A页面的getList()方法竟然也会被执行，反之亦然，从B页面到A页面后，在A页面改变参数C也会执行B页面的getList()方法。