Vuetify:外部页面CSS破坏了Vuetify的组件样式

Question

创建了一个带有Vuitify组件的Vue小部件。在开发模式下，一切工作正常。但是当widget插入到站点页面上时，页面CSS就会破坏Vuetify的组件样式。

举个例子？声明日期选择器：enter image description here

我尝试使用作用域样式“vuetify/dist/vutify.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

你能试着像这样包含风格吗，https://vuetifyjs.com/ru/getting-started/quick-start/，我的意思是，问题是你包含风格的方式。