Динамический компонент Vue.js не создан, но отображается в консоли

Question

Это мой SimpleFlowchart.vue ChildComponent

 <FlowchartDecision v-bind.sync="decision" 
      v-for="(decision, index) in scene.decisions" 
      :key="`decision${index}`"
      :options="nodeOptions">
    </FlowchartDecision>

Вот как я возвращаю его в реквизитах

Props:{
     scene:{
      decisions: [
            {
              id: '',
               x: '',
               y: '',
               type: '',
               label: '',
              }
            ],
       decisions:[],
    }
}

Это мой метод функции adddecision

 adddecision(y,nid,x){
    this.scene.decisions.push({
          id: '',
          x: '',
          y: '',
          type: '',
          label: '',
      })
     console.log(this.scene.decisions);
}

Это мой родительский компонент

здесь я делаю это

 <button  @click="adddecision()">+</button>

Вот как я излучаю это в ParentComponent, который является FlowchartDecision.vue

   adddecision(){
    this.$emit('adddecision')
  },

Я вызываю только этот компонент SimpleFlowchart.vue в App.vue Здесь я принял решения в качестве опоры на сцене

       decisions:[
   {
      id:10,
      x:-1000,
      y:170,
      type:'asad',
      label:'bilal'
   }
 ],

Вот вывод, который я получаю в консоли, это опора, которую я передал в app.vue, которую я получаю в консоли

Это мой вывод на консоль, который я передал в app.vue prop Пожалуйста, нажмите на следующую ссылку, чтобы открыть изображение

https://gyazo.com/c54b1713bdf32a1aef9d90a994f825c7

Answer 1

Проблема заключалась в том, что я не связывал его с компонентом flowchartdecision, когда связывал, он работает нормально, и я вызывал его сам по себе, как другой компонент, поэтому он не работал нормально

Answer 2

Пожалуйста, попробуйте использовать deepCopy, чтобы изменить ссылку:

adddecision(y,nid,x){
   this.scene.decisions.push({
         id: '',
         x: '',
         y: '',
         type: '',
         label: '',
     })
   this.scene = JSON.parse(JSON.stringify(this.scene))
}