Vuetify 3 全局配置 v-btn 文字大小写

Vuetify About 464 words

需求

v-btn默认的英文文字是大写,需要转为正常显示(该小写就小写,该大写就大写)。

配置

createVuetify方法中,传入defaults属性,设置VBtnclass样式为text-none

// Components
import App from './App.vue'

// Composables
import {createApp} from 'vue'
import router from "@/router";
import {createVuetify} from 'vuetify'

const app = createApp(App)

app.use(createVuetify({
  defaults: {
    VBtn: {
      class: 'text-none',
    },
  },
}))

参考

https://vuetifyjs.com/en/features/global-configuration/#global-class-and-styles

Views: 887 · Posted: 2024-02-22

————        END        ————

Give me a Star, Thanks:)

https://github.com/fendoudebb/LiteNote

扫描下方二维码关注公众号和小程序↓↓↓

扫描下方二维码关注公众号和小程序↓↓↓


Today On History
Browsing Refresh