Vue: v-forディレクティブからバインドされた動的スロット名がスコープスロットで機能しない

作成日 2017年05月05日  ·  5コメント  ·  ソース: vuejs/vue

バージョン

2.3.2

複製リンク

https://jsfiddle.net/frctmhLd/3/

再現する手順

を使用してスコープスロットを作成します

何が期待されますか?

スロットがロードされ、正しく表示されます

実際に何が起こっているのですか?

動的プロパティが機能していないようです

bug improvement

最も参考になるコメント

ここでデモも更新しました。 https://jsfiddle.net/frctmhLd/4/

スコープスロットのバグのようです。

全てのコメント5件

ラベルを付ける方法がわからないので、改善とバグとしてラベルを付けます

@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/

スコープスロットのバグのようです。

これを修正してくれてありがとう。

このページは役に立ちましたか?
0 / 5 - 0 評価