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我错过了什么吗? 父组件中有两个根元素,因此会报告错误。

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 等级