2.3.2
https://jsfiddle.net/frctmhLd/3/
を使用してスコープスロットを作成します必要に応じて要素
動的小道具を使用して、スロットプロパティを設定します
このスロットを利用してみてください
スロットがロードされ、正しく表示されます
動的プロパティが機能していないようですコンポーネントであるため、「slot」プロパティはnullに設定されており、ロードされていません。
ラベルを付ける方法がわからないので、改善とバグとしてラベルを付けます
@posva @sparamasivan何かが足りないのですか? 親コンポーネントには2つのルート要素があるため、エラーが報告されます。
Vue.component('parent', {
template: '' +
'<child>' +
'<template :slot="test" scope="props">' +
'<p>{{props.text}}</p>' +
'</template>' +
'</child>' +
'<child>' +
'<template v-for="slotName in slotNames" :slot="slotName" scope="props">' +
'<p>{{props.text}}</p>' +
'</template>' +
'</child>',
data: function () {
return {
slotNames: ["test", "test1", "test2"],
test: 'test'
}
}
});
@defccああ、すみません、
ここでデモも更新しました。 https://jsfiddle.net/frctmhLd/4/
スコープスロットのバグのようです。
これを修正してくれてありがとう。
最も参考になるコメント
ここでデモも更新しました。 https://jsfiddle.net/frctmhLd/4/
スコープスロットのバグのようです。