vue.js - 从Vue.js中的某些路由中排除Bootstrap样式

Question

我有一个使用cli工具制作的单页vue 2应用程序。我的大多数路线都使用Bootswatch(Bootstrap)样式。但是根本不应该。这只是一个问题，因为Bootstrap会影响body和html样式，并且通常会与其他样式混淆。即使我以@import scoped的形式对Bootstrap进行<style>编码，而该路由不应使用Bootstrap也会受到影响，即使仅应使用该路由的路由也是如此。如果我先访问Bootsrap路由，然后再访问孤立的路由，则会发生这种情况。我应该怎样做才能使样式之一完全隔离？如果这是不可能的或非常不切实际的，则建议其他方法。如果不是单页应用程序，这将很容易。但我希望它能合而为一。

Answer 1

我成功地将Bootstrap导入封装在称为“bootstrap-inside”的类中，并将其分配给应该使用Bootstrap设置样式的#app(例如，索引路由)div。

   .bootstrap-inside {
      @import '~bootstrap/scss/bootstrap.scss';
   }

从现在开始，如果要使用 bootstrap ，只需在组件/ View /布局中使用.bootstrap-inside。
我建议为您的无引导页面创建一个 View 布局，并设置路由以扩展该布局(如果您愿意，我也可以为您提供解决方案)。
我可以在另一个线程中提到 answer，它限制了引导样式的范围，以防您遇到意外的引导行为。