如何禁用 Vuetify 样式？答案

【问题标题】：How to disable Vuetify styling?如何禁用 Vuetify 样式？
【发布时间】：2020-12-20 21:09:10
【问题描述】：

我想知道如何禁用 Vuetify 样式。它搞砸了我的整个网站。我只需要它来实现 v-btn 和 v-text-field 的功能。我不想对任何东西使用任何实际样式。

谢谢。

main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify';

Vue.config.productionTip = false

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')

【问题讨论】：

如果是这样，请阅读 Vuetyfy v-btn 的源代码，然后实现自己的 v-btn 可能比安装整个 Vuetify 更好。
请分享您的main.js

标签： css vue.js sass vuetify.js disable

【解决方案1】：

根据docs，您可以通过如下配置插件来禁用 vuetify 样式表的生成：

const vuetify = new Vuetify({
    theme: { 
        disable: true 
    }
})

【讨论】：