vue select component - установить настройки по умолчанию?

Question

Я использую этот плагин vue-multiselect: https://vue -multiselect.js.org /
Поскольку я собираюсь использовать его много раз, я хочу установить некоторые настройки по умолчанию.

Например, я хочу, чтобы опора selectLabel была пустой строкой, и, возможно, установила бы некоторые <slot> с.

В типичном плагине jQuery я мог бы использовать $.plugin.defaults, чтобы установитьзначения по умолчанию.Как сделать то же самое с плагинами vue?

Answer 1

Вы можете использовать extends для создания подкласса вашего компонента.Передайте ему спецификацию точно так же, как вы бы использовали при определении компонента, но предоставьте только то, для чего вы хотите указать значения по умолчанию.

<script>
  import Multiselect from 'vue-multiselect';

  export default {
    extends: Multiselect,
    props: {
      selectLabel: {
        type: String,
        default: ''
      }
    }
  }
</script>