如何在VueJS中全局覆盖第3方组件的属性

时间:2018-11-26 14:25:29

标签: vue.js vuejs2 vue-component

我正在使用库中的组件,该组件提供用于设置一些文本的属性:

props: {
    placeholder: { type: String, default: "Select something" },
    // ... More text properties here
}

用法

// Shows "Select something" when no value selected
<vue-multiselect></vue-multiselect>

// To show something else, you can specify the prop
<vue-multiselect placeholder="Another message here"></vue-multiselect>

在整个应用程序中,我们将使用相同的文本,当然,我们希望避免在各处重复该文本。

// Shows "This is the default text" when no value selected
<vue-multiselect></vue-multiselect>

鉴于我们对组件没有控制权,我们如何在全局范围内设置这些属性默认值?

Vue插件? Vue指令?

我对大多数基本的vue概念(自定义组件,事件,绑定等)都还可以,但是由于我不知道插件和指令,所以我只能坚持这一点。

0 个答案:

没有答案