IT이야기

VueJ 2.0 - 소품 업데이트 시 컴포넌트를 잠글 수 없음

cyworld 2022. 6. 10. 21:32
반응형

VueJ 2.0 - 소품 업데이트 시 컴포넌트를 잠글 수 없음

업데이트 시 컴포넌트를 강제로 리렌더하여 호출할 수 있도록 해야 합니다.FB.XFBML.parse()그러나 어떤 작업을 해도 라이프 사이클 훅을 호출할 수 없습니다.beforeUpdate/updated속성을 갱신했을 때.(독서에 따르면 리슨만 합니다.data업데이트 대상props확실히 그렇지 않다).

<template>
  <div>
    {{myProp}}
  </div>
</template>

<script>
  export default {
    props: ['myProp'],

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

    updated(){ // never invoked},

    beforeUpdate(){ // never invoked }

  }
</script>

나는 그 부동산이channel부모 컴포넌트에서 다른 값을 전송할 때 변경되었습니다.

들을 수 있는 후크가 있나요?props변경하시겠습니까?

갱신하다

@chris의 제안대로 저는watch내 소유지만 변한 게 없어요그때 깨달았어요 특별한 케이스가 하나 있어요

<template>
    <child :my-prop="myProp"></child>
</template>

<script>
   export default {
      props: ['myProp']
   }
</script>

지나가고 있습니다myProp부모 컴포넌트가 에 수신하는child요소.그 다음에watch: {myProp: ...}동작하지 않습니다.

당신이 찾고 있는 것은 시계입니다.

<script>
  export default {
    props: ['channel'],

    watch: {
      channel(newValue) {
        console.log(newValue)
      }
    }
  }
</script>

언급URL : https://stackoverflow.com/questions/44584078/vuejs-2-0-cant-hook-a-component-on-props-update

반응형