L'étendue div du projet Vue et les autres balises sans attribut désactivé sont désactivées (clic interdit) et grisées

div et span sont les mêmes, ici seul span est utilisé pour la démonstration

Tout d'abord, ajoutez dynamiquement le style notClick:

 <span :class="{notClick:isNotClick}"  @click="handleDel(scope.row)">删除</span>

.notClick {
  // pointer-events: none;
  color:grey;
  cursor:not-allowed;
}

Il y a un point de connaissance ici, pointer-events: none et cursor: not-allowed ne peuvent pas être utilisés en même temps, c'est-à-dire que le cercle rouge et la barre oblique interdisent de cliquer et que la souris ne peut pas être définie en css en même temps, alors nous ne pouvons que nous tourner vers js pour obtenir de l'aide.

En jugeant s'il faut désactiver le clic dans l'événement de clic:

 handleDel(data) {
     if(data.status){
        return;
    }

Je suis ici en jugeant que si l'état dans les données est 1, cela signifie que la synchronisation est réussie et que le clic sur supprimer est désactivé.

Les résultats sont les suivants:

À ce stade, le problème a été résolu.