반응형
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
반응형
'IT이야기' 카테고리의 다른 글
포인터에 대한 포인터와 일반 포인터 (0) | 2022.06.10 |
---|---|
쉼표 연산자의 적절한 사용법은 무엇입니까? (0) | 2022.06.10 |
바이너리 모드와 텍스트 모드로 작성된 파일의 차이 (0) | 2022.06.10 |
stacktrace를 log4j로 전송하는 방법 (0) | 2022.06.10 |
Vue 구성 요소의 mounted()에 있는 상태 개체에 액세스하려고 합니다. (0) | 2022.06.10 |