Vue project div span y otras etiquetas sin atributo deshabilitado están configurados para deshabilitar (hacer clic en prohibido) y atenuarse

div y span son iguales, aquí solo se usa span para demostración

Primero, agregue dinámicamente el estilo notClick:

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

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

Aquí hay un punto de conocimiento, pointer-events: none y cursor: not-allowed no se pueden usar al mismo tiempo, es decir, el círculo rojo y la barra que prohíben hacer clic y el mouse no se pueden configurar en CSS al mismo tiempo, entonces solo podemos recurrir a js para obtener ayuda.

Al juzgar si deshabilitar el clic en el evento de clic:

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

Estoy aquí al juzgar que si el estado de los datos es 1, significa que la sincronización es exitosa y el clic en eliminar está deshabilitado.

Los resultados son los siguientes:

En este punto, el problema se resolvió.