小编Tug*_*daa的帖子

如何在我现有的 Vue2 项目中清楚和单独地使用 vuetify 中的一个组件

我有一个项目,在 Laravel 和 Vue2 上工作。我想在我的项目的特定部分使用 Vue 插件 Vuetify 中的一些材料组件。首先,我在我的项目中添加了 Vuetify 样式,如下所示:

...
 <link href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Material+Icons' rel="stylesheet">
 <link href="https://unpkg.com/vuetify/dist/vuetify.min.css" rel="stylesheet">
</head>
Run Code Online (Sandbox Code Playgroud)

在这种情况下,vuetify 样式影响了我的整个项目样式,以及我的核心样式改变了 vuetify 组件样式。
我也习惯于在 Vue 组件、单文件组件中限定样式。但结果和之前一样,改变了整个 Vue 组件。那么,如何使用 vuetify 组件(例如 FAB)正确且清晰地将组件的样式与我的核心样式分开?请帮我。

css stylesheet vue-component vuejs2 vuetify.js

2
推荐指数
1
解决办法
4943
查看次数

标签 统计

css ×1

stylesheet ×1

vue-component ×1

vuejs2 ×1

vuetify.js ×1