蒙版设置不太好方法

.gdgg{
   opacity:0.6; filter: alpha(opacity=60);
}
.gdggg{
  background-color: #000;
}

    classdra(){
      this.drawer=!this.drawer
      let classgdgg = document.getElementById('gdg')
      let idgdgg = document.getElementById('gdgg')
       console.log(this.drawer,classgdgg);
      if(this.drawer){
        classgdgg.className='gdggg' 
        idgdgg.className = 'gdgg'
      }
      else{
        classgdgg.className=''
        idgdgg.className= ''
      }
    },
  classdraa(){
    this.drawer=false;
    let classgdgg = document.getElementById('gdg')
    let idgdgg = document.getElementById('gdgg')
    if(this.drawer==false){
    classgdgg.className=''
    idgdgg.className= ''
    }
  },

        <div id="gdg" @click="classdraa">
          <div id="gdgg" >
            <q-page-container 
           
            style="">
             <router-view/>
            </q-page-container>
            </div>