Как передать props в mixin?

Question

[petan4ik]

Я использую webpack и однофайловые компоненты, хочу расширить компонент из плагина. Делаю так:

import BImgLaze from 'bootstrap-vue/src/components/image/img-lazy'
  export default {
    name: "b-img-lazy-ex",
    extend: BImgLaze,
  }

Использую компонент:

<b-img-lazy-ex :src="require('./assets/img/' + img.filename)" center fluid blank-color="#000"/>

Проблема заключается в том, что src и другие атрибуты не передаются в компонент от которого я расширился.

Answer 1

[Klein Maximus]

Если нужно использовать миксин, то попробуйте так:

import BImgLaze from 'bootstrap-vue/src/components/image/img-lazy'
export default {
  name: "b-img-lazy-ex",
  mixins: [BImgLaze],
}

Если же хотите именно расширить компонент другим, то надо использовать extends, а не extend.

Comments

[petan4ik]

Extend, extends, mixins - суть не меняется. Все равно src не передается, даже если в расширенном компоненте объявить в props.

[Vue warn]: Missing required prop: "src"

found in

---> <BImgLazyEx> at src/b-img-lazy-ex.vue... (497 recursive calls)
       <ScGallery> at src/sc-gallery.vue
         <App> at src/App.vue
           <Root>

Answer 2

[Apkor]

Props are not properly inherited from mixins / extended components
It's not a solution but you can do this way:

export default {
  extends: parent,
  props: {...parent.props}
}