vue.js - 将一个也需要插槽属性的组件传递给插槽

Question

我如何测试带有插槽的组件，例如轮播内部有一个插槽组件，而滑块内部有一个插槽组件。

这不支持该功能。

也许我必须使用 e2e 测试？

请告诉我如何做到这一点。谢谢你。

// This is how i use
<carousel>
  <slide>
    <div></div>
  </slide>
</carousel>

// Carousel component
<carousel>
  <slot></slot>
</carousel>

// Slide component
<slide>
  <slot></slot>
</slide>

Answer 1

你必须像这样编辑 vue 的原型

在 main.js 文件中

 Vue.prototype._b = (function (bind) {
  return function(data, tag, value, asProp, isSync) {
    if (value && value.$scopedSlots) {
      data.scopedSlots = value.$scopedSlots;
      delete value.$scopedSlots;
    }
    return bind.apply(this, arguments);
  };
})(Vue.prototype._b);

你只需要添加v-bind="{$scopedSlots}"到组件中。