vue中css共用问题

vue中css共用问题

问题：

在做学生宿舍管理模块时，当退出了管理员模块进入到宿舍管理员模块时，同一个title使用了同一个类名出现了css的覆盖问题
提示：这里描述项目中遇到的问题：

管理员模块

宿舍管理员模块

原因：

在前端路由加载时之前的css文件已经上传到了路由器

当进行切换时代码css文件并没有清楚，所以导致css重用
提示：这里填写问题的分析：

---

解决方案：

修改css名是最简单的方案，当然后续会去查阅如何能够做到退出时将其加载文件全部刷新的问题
提示：这里填写该问题的具体解决方案：

<div class="mangertop">
      <div class="left" @click="back()">
        <div class="lefticon">
          <van-icon name="arrow-left" />
        </div>
        <div class="txt">返回</div>
      </div>
      <div class="title">{{title}}</div>
    </div>

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档