Ho una vista dinamica:
<div id="myview">
<div :is="currentComponent"></div>
</div>
con un'istanza Vue associata:
new Vue ({
data: function () {
return {
currentComponent: 'myComponent',
}
},
}).$mount('#myview');
Questo mi permette di cambiare dinamicamente il mio componente.
Nel mio caso, ho tre diverse componenti: myComponent
, myComponent1
, e myComponent2
. E li cambio in questo modo:
Vue.component('myComponent', {
template: "<button @click=\"$parent.currentComponent = 'myComponent1'\"></button>"
}
Ora, vorrei passare gli oggetti di scena a myComponent1
.
Come posso passare questi oggetti di scena quando cambio il tipo di componente in myComponent1
?
<myComponent1 propName="propValue">
cambio il componente a livello di programmazione con$parent.currentComponent = componentName
<div :is="currentComponent"></div>
. È lì che aggiungi l'attributo.
myComponent1
prendi oggetti di scena e myComponent2
non prendi oggetti di scena
propName="propValue"
. È questa la tua domanda?