如何在 nuxt/vuetify 模块中创建默认列出的所有 v-text-field 组件答案

【问题标题】：How can i make all v-text-field components outlined by default in nuxt/vuetify module如何在 nuxt/vuetify 模块中创建默认列出的所有 v-text-field 组件
【发布时间】：2022-01-04 16:18:52
【问题描述】：

我正在使用 nuxt/vuetify 模块，并希望将所有 v-text-field 的组件概述。尝试创建和注册插件，注册新的 vue 组件，扩展 vuetify VTextField 组件。

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

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

但在尝试使用 mTextField 组件时总是会出错

Unexpected token 'export'

我怎样才能使所有 v-text-fields 组件概述？

【问题讨论】：

请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： vue.js nuxt.js vuetify.js

【解决方案1】：

在 nuxt.config.js 中添加对我有用的 'vuetify/lib' 的 transpile 部分

  build: {
    transpile: ['vuetify/lib']
  },

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。