2017-11-29 1 views
2

config 객체를 자식에게 props으로 전달하는 상위 컴포넌트가 있습니다.Vue.js에 새 반응성 속성을 설정하십시오.

나는 예를 들어,이 객체로 설정 반응 항목을 추가 할 :

created() { 
    this.config.page = this.config.page || 1 
} 

지금이 순간부터, page의 변화가 반응 할 것이다. 가능합니까?

성공하지 시도 : beforeCreated에서 created

beforeCreate() { 
    if(!this.$options.propsData.config.page){ 
    Vue.set(this.$options.propsData.config, 'page', 1) 
    } 
} 

답변

2

변경을. 이것은 내가 생각하는대로 작동해야합니다 :

create() { 
    if(!this.$options.propsData.config.page){ 
    Vue.set(this.$options.propsData.config, 'page', 1) 
    }else{ 
     this.config.page = 1; 
    } 
} 
+0

글쎄, beforeCreate() 훅을 사용해도 잘 작동합니다. 나는'page'에 대한 gettes와 setter를 볼 수 있습니다; 하지만 이제 객체가 업데이트 되더라도 동일한 구성 객체를 사용하는 다른 구성 요소는 템플릿 변경 사항에 반응하지 않습니다 ({{config.page}}). pfff .. 무슨 악몽이야! – Chen

+0

아마 그게 자신의 질문이 될만한 가치가 있습니다. –

관련 문제