Question

我已经开始在一个旧的现有项目中使用Vue.js和Vuetify。因此，我没有重写所有前端，只是导入了Vue并替换了某些部分。

然后我注意到了一个非常意外的行为-Vuetify具有.title等通用类的全局样式，它会影响整个页面，而不仅是Vue部分。

所以，问题是，如何隔离Vue组件内的vuetify样式？

UPD ：根据建议@DigitalDrifter，我尝试使用stylus块级导入。所以我删除了

import 'vuetify/dist/vuetify.min.css'

从main.js开始，并创建了一个新的.styl文件（该文件导入为CSS），其内容如下：

.vuetify-styles
    @import '~vuetify/src/stylus/main'

然后将此类添加到根组件：<App class="vuetify-styles">

UPD2：：此后，您将获得与stylus编译相关的错误。有关它的更多信息-> https://github.com/vuetifyjs/vuetify/issues/4864

Answer 1

手写笔支持block level imports。

如果您具有以下条件：

    View footer =  getActivity().inflate(R.layout.footer, null, false);
    lv.addFooterView(footer);

最终结果将是：

ctx.Authentication.Challenge(new AuthenticationProperties{ RedirectUri = "/accounts/logincallbackazureadfs?provider=azure%20adfs&returnurl=%2fen-us" }, provider);

如何隔离Vuetify整体风格

1 个答案: