vue 选择组件 - 设置默认道具？

Question

我使用这个 vue-multiselect 插件：https://vue-multiselect.js.org/
因为我要多次使用它，所以我想设置一些默认道具。

例如，我希望selectLabelprop 是一个空字符串，并且可能设置一些<slot>s。

在典型的 jQuery 插件中，我可以使用它$.plugin.defaults来设置默认值。如何使用 vue 插件做同样的事情？

Answer 1

您可以使用extends子类化您的组件。向它传递一个规范，就像定义组件时使用的那样，但仅提供您想要为其提供默认值的内容。

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

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