Vue.js에서 새로운 무효 속성 설정

Vue.js에서 새로운 무효 속성 설정

구성 개체를 전달하는 상위 구성 요소가 있습니다.props그 자식에게.

이 오브젝트에 set reactive 엔트리를 추가합니다.다음은 예를 들어 다음과 같습니다.

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

그래서 지금 이 순간부터,page반응하게 됩니다.가능합니까?

실패한 시도:

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

에서 변경하다beforeCreated로.created이것은 당신에게 도움이 될 것입니다.

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

언급URL : https://stackoverflow.com/questions/47556770/set-new-reactive-properties-in-vue-js