ฉันมีมุมมองแบบไดนามิก:
<div id="myview">
<div :is="currentComponent"></div>
</div>
กับอินสแตนซ์ Vue ที่เกี่ยวข้อง:
new Vue ({
data: function () {
return {
currentComponent: 'myComponent',
}
},
}).$mount('#myview');
สิ่งนี้ทำให้ฉันสามารถเปลี่ยนองค์ประกอบได้แบบไดนามิก
ในกรณีของฉันฉันมีสามองค์ประกอบที่แตกต่างกันmyComponent
, และmyComponent1
myComponent2
และฉันสลับระหว่างพวกเขาดังนี้:
Vue.component('myComponent', {
template: "<button @click=\"$parent.currentComponent = 'myComponent1'\"></button>"
}
myComponent1
ตอนนี้ผมต้องการที่จะผ่านไปยังอุปกรณ์ประกอบฉาก
ฉันจะส่งอุปกรณ์ประกอบฉากเหล่านี้ได้อย่างไรเมื่อฉันเปลี่ยนประเภทส่วนประกอบเป็นmyComponent1
?
propName="propValue"
คุณผ่านอุปกรณ์ประกอบฉากผ่านแอตทริบิวต์ในองค์ประกอบ นั่นคือคำถามของคุณหรือไม่?