私は動的なビューを持っています:
<div id="myview">
<div :is="currentComponent"></div>
</div>
関連付けられたVueインスタンス:
new Vue ({
data: function () {
return {
currentComponent: 'myComponent',
}
},
}).$mount('#myview');
これにより、コンポーネントを動的に変更できます。
:私の場合、私は、3つの異なる要素を持っているmyComponent
、myComponent1
とmyComponent2
。そして、私はこのようにそれらを切り替えます:
Vue.component('myComponent', {
template: "<button @click=\"$parent.currentComponent = 'myComponent1'\"></button>"
}
では、小道具をに渡したいと思いmyComponent1
ます。
コンポーネントタイプをに変更するときに、これらの小道具をどのように渡すことができmyComponent1
ますか?
記述したことがないのでできません。
—
Epitouille
<myComponent1 propName="propValue">
コンポーネントをプログラムで変更します$parent.currentComponent = componentName
ええでも書き
—
感謝
<div :is="currentComponent"></div>
ます。ここに属性を追加します。
はい。ただし、小道具はコンポーネントによって異なります。たとえば、
—
Epitouille
myComponent1
小道具を受け取り、小道具を取りmyComponent2
ません
propName="propValue"
。それはあなたの質問ですか?