javascript - 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>