默认情况下为所有 v-text-field 概述的 Vuetify 集

Question

是否有简单的方法可以更改输入项目中所有“v-text-field”的“概述”道具的默认值？

https://vuetifyjs.com/en/components/text-fields

Answer 1

您可以创建一个包装组件并extends从VTextField（请参阅treeshaking）并自定义默认值。

import Vue from 'vue';
import { VTextField } from 'vuetify/lib';

Vue.component('TextFieldOutlined', {
  extends: VTextField,
  props: {
    outlined: {
      type: Boolean,
      default: true
    }
  }
})

像这样使用它：

<text-field-outlined
  label="Some label"
  clearable
  dense>
</text-field-outlined>

FWIW，扩展一个组件意味着所有基础组件的 props 都被传递，因此同样可用。