Vue JS 워처가 작동하지 않음

Vue JS 워처가 작동하지 않음

저는 지금 변화를 주시해야 할 아이템이라는 소품을 가지고 있는 컴포넌트를 작업하고 있습니다.나는 지금까지 이런 시계를 가지고 있다.

watch:{
   item(newVal, oldVal) { // watch it
     console.log('Prop changed: ', newVal, ' | was: ', oldVal)
   }
}

버튼 클릭 시 항목이 업데이트되고 새 타임스탬프가 표시됩니다.Vue dev 툴에서 프로펠이 값으로 업데이트되고 있는 것을 알 수 있지만 워처가 작동하지 않고 로그 메시지도 표시되지 않습니다.

@Bert가 말했듯이item오브젝트 및 그 소품 중 하나가 변경되면 워처는 트리거되지 않습니다.

이것 좀 시험해 볼 수 있을까요?

watch:{
   item:{
      handler: function(newVal, oldVal) { // watch it
        console.log('Prop changed: ', newVal, ' | was: ', oldVal)
      },
      deep: true
   }
}

이것은 내 데이터 구조와 관련이 있기 때문에 다소 주제에서 벗어났지만, 여전히 데이터가 감시되지 않는 문제가 발생하고 있습니다.사용하고 있습니다.vuejs CDN 링크와 복잡한 데이터 구조를 갖춘 네트워크.VueJs는 워치용 구조를 좋아하지 않습니다.따라서 데이터 항목 "watchme"의 경우 이 object.item을 사용하면 워치가 작동하지 않습니다.watchme도 watchme도 사용할 수 없습니다.그래서 저는 다음을 해야 했습니다.

먼저 계산한 대리인을 설정해야 합니다.

computed:
watchme: function () {
     return object.item.watchme;
 },

그럼 대리인을 지켜봐

watch:

watchme: {
          handler: function (newVal, oldVal) { // watch it
          console.log('prop changed: ', newVal, ' | was: ', oldVal)
          },
          deep: true
    }

저는 이 방법이 효과가 있었습니다.

언급URL : https://stackoverflow.com/questions/50840974/vue-js-watcher-not-working