Vuetify задано для всех v-текстовых полей по умолчанию

Question

Есть ли простой способ изменить значение по умолчанию для реквизита, "обведенного" для всех "v-text-field" во всем введенном проекте?

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

Answer 1

Вы можете создать компонент-оболочку и extends из VTextField (см. treehaking ) и настроить значения по умолчанию.

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>

Расширение компонента означает, что расширение компонента означает, что все реквизиты базового компонента передаются и, следовательно, одинаково пригодны для использования.