javascript - vue 选择组件 - 设置默认 Prop ？

Question

我使用这个 vue-multiselect 插件:https://vue-multiselect.js.org/
由于我要多次使用它，所以我想设置一些默认 Prop 。

例如我想要 selectLabel prop 是一个空字符串，并且可能设置一些 <slot>

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

Answer 1

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

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

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