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>

vue select component - 设置默认道具？

1 个答案: