vue如何让公共入口的样式在指定的组件中不生效

首先确定一点的是，下面的操作都是在入口文件中完成

一、在想不生效的区域添加v-show

比如我不想入口文件el-header下的样式在login组件也生效

v-show="!(path ==='/login')"       //注意感叹号在括号外，三个等号不是一个

如果想同时指定多个不生效的组件，用||隔开

二、在data、mounted、watch中定义好

data () {
    return {
      path:'',
    }
  },
  mounted(){
    this.path=this.$route.path
  },
  watch:{
    $route(to,from){
      this.path=to.path
    }
  },

查看的博客：https://www.cnblogs.com/hz-handofgod/p/11982095.html