Vuetify：外部页面CSS打破了Vuetify的组件样式

Question

使用Vuitify组件创建了Vue小部件。在开发模式下，一切正常。 但是，当将小部件插入网站页面时，页面CSS破坏了Vuetify的组件样式。

例如？验证日期选择器： enter image description here

我尝试使用范围样式“ vuetify / dist / vuetify.min.css”，但没有帮助。

<template>
  <v-app>
    <v-content>
    <router-view></router-view>
  </v-content>
  </v-app>
</template>

<script>
</script>
<style scoped src="vuetify/dist/vuetify.min.css">
</style>

如何使外部CSS不会覆盖Vuetify组件样式？

Answer 1

您能尝试Vue.use(Vuetify)吗？ 像那里https://vuetifyjs.com/ru/getting-started/quick-start/ 我的意思是，问题在于您添加样式的方式。