Question

我已经花了数小时试图弄清楚这个问题，但无论我如何尝试，似乎都无法使其正常工作！我已经阅读了每篇Stack Overflow帖子以及其他网站上的每篇帖子，但似乎无济于事！

App.vue

<template>
    <div id="global-container">

      <navigation></navigation>

      <div class="content">
        <training></training>
      </div>
    </div>
</template>

<script>
import Vue from 'vue';
import navigation from './components/AppNavigation';
import training from './components/training';
import VueTyperPlugin from 'vue-typer';
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)
Vue.use(VueTyperPlugin)

export default {
    name: 'App',
    components: {
        navigation, training, Vuetify
    },
    data() {
        return {
        }
    },

};
</script>

index.html

...<body>
    <v-app id="app">
      <!-- built files will be auto injected -->
      </v-app>
  </body>

这不会在控制台中引发任何错误，但是，将组件用于Vuetify库时，没有正确设置样式。如下图所示。我已经将App包裹在v-app标签中，所以仍然不确定为什么它无法正常工作。

非常感谢您的帮助！

Vuetify样式不适用于现有项目

0 个答案: