Monitore o avanço, o retrocesso e a atualização do navegador para alterar o estado selecionado de type="checkbox" na entrada.

 Evento de mudança de visibilidade: quando uma determinada aba do navegador muda para segundo plano, ou muda do fundo para primeiro plano, o evento de mudança de visibilidade será acionado no documento.

Quando é acionado? Quando o usuário navega para uma nova página, muda de aba, fecha abas, minimiza ou fecha o navegador; ou muda do navegador para outros aplicativos no lado móvel.

Exemplo:

Dê uma caixa de entrada na página html

<input type="checkbox" class="main-checkbox" v-model="isChecked" />

Declare a variável isChecked nos dados

data(){
    return {
       isChecked: false
    }
}

 Monitore o status de alteração da página do navegador montado

window.addEventListener('visibilitychange', (e) => {
  //如果页面从后台切到前台时
  if(document.visibilityState === 'visible'){
     this.isChecked = false;
  }
});