vue.js - Vuetify 覆盖默认 Prop 值

Question

有没有办法改变 vuetify 组件中 prop 的默认值？
例如，假设我们有一个像 v-btn 这样的组件。
这个组件有很多属性，其中一个像outlined，默认值为false。
假设我想要在我的应用程序中永远将此默认值更改为 true。有什么办法吗？

Answer 1

我能够在我的应用程序入口点的顶部执行此操作(在创建任何 Vue 组件之前)。

/** 
 * [required imports]
 * (you must somehow import VBtn component separately)
 */

Vue.use(Vuetify);
VBtn.options.props.outlined.default = true;

但这种做法被称为猴子补丁，不鼓励使用，考虑使用继承。

在我的例子中，我试图从 Vue.options.components['VBtn'] 获取组件，但是 it didn't work .

So I monkey patched vue 库也是:

import Vue from "vue";
import Vuetify from 'vuetify'

export const vueComponentsImported: any = {};
export const vueComponentFnDefault = Vue.component.bind(Vue);

/** @see node_modules/vue/src/core/global-api/assets.js */
export const vueComponentFnModded = (id, component) => {
  vueComponentsImported[id] = component;
  return vueComponentFnDefault(id, component);
};

Vue.component = vueComponentFnModded;

Vue.use(Vuetify);

let VBtn = vueComponentsImported['VBtn'];
if (VBtn) {
  VBtn.options.props.outlined.default = true;
}

(如果它不起作用，请随时编辑此代码，我的应用程序中有更多行)