Передать в слот компонент, который также нуждался в свойстве слота

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 как this

в файле 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}" к компоненту.