css - Vuetify css 压垮 Bootstrap css

标签 css vuejs2 vue-component vuetify.js

我在我的 Vue 组件中使用 Vuetify。我想在我使用 Vuetify 的组件中使用 vuetify css。

我正在将此代码 import VuetifyCss from 'vuetify/dist/vuetify.min.css' 添加到我的本地组件,但它会影响所有元素,因此它会破坏 bootstrap 的一些 css。

如何将 vuetify.min.css 导入到我使用的本地组件中?

最佳答案

person使用范围属性:

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

在您想要使用 Vuetify 的组件中。从他们的回答来看似乎对他们有用。

关于css - Vuetify css 压垮 Bootstrap css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55420366/

相关文章:

javascript - 使用 html2canvas 捕获图像后无法加载谷歌地图

jquery - 跨度覆盖 : click will be triggered in IE when it shouldn't

javascript - 使用 vue 分布式文件中定义的函数

vue.js - 如何为每次迭代分配 v-model

javascript - Vue,如何在渲染方法中将数据传递给组件

css - 使用 css 'column-count' 时嵌入 youtube 的错误

vue.js - 通过 Vue 中的数据属性传递函数引用

javascript - 如何在 Vue 转换开始之前读取大小并移动隐藏元素?

vue.js - 更改尺寸时更新价格

html - 最后一个 child /最后一个类型不适用于 div