6

目前我在Product.vue文件中有以下手表

watch: {
    isOnline: {
      async handler (isOnline) {
        if (isOnline) {
          const maxQuantity = await this.getQuantity();
          this.maxQuantity = maxQuantity;
        }
      }
    },
    isMicrocartOpen: {
      async handler (isOpen) {
        if (isOpen) {
          const maxQuantity = await this.getQuantity();
          this.maxQuantity = maxQuantity;
        }
      },
      immediate: true
    },
    isSample (curr, old) {
      if (curr !== old) {
        if (!curr) {
          console.log('send the updateCall', curr);
          // this.updateProductQty(this.product.qty);
          pullCartSync(this);
        }
      }
    }
  }

但我在控制台中收到以下错误(Vue Warn)

[Vue 警告]:方法“watch”在组件定义中具有“object”类型。您是否正确引用了该函数?

在此处输入图像描述

我不确定为什么会收到此错误,因为我使用的语法似乎是正确的,甚至可以正常运行。

有什么建议为什么它在错误控制台中给出这个警告?


更新:

我在 vue 页面中使用手表的位置。

在此处输入图像描述

4

1 回答 1

16

methods: { watch: {} }您的组件定义中有类似的内容。这就是vue抱怨的原因。也可以由 a 添加mixin

于 2020-12-15T08:15:42.197 回答