Vuetify：外部页面CSS打破了Vuetify的组件风格

Question

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

为了例子？Vuetify datepicker： 在此处输入图像描述

我尝试使用作用域样式"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/我的意思是问题是你包含风格的方式。