Imitez le style handicapé

Cette fois, je vais vous présenter le style d'imitation des handicapés. Quelles sont les précautions pour imiter le style des handicapés Voici un cas pratique, jetons un coup d'oeil.

Imitation désactivée

Couche externe plus curseur : non autorisé

Clic sur l'organisation de la couche interneÉvénements événements de pointeur : aucun

<template>
    <li v-for="item in navLists" 
          href="javascript:;"
          class="li i"
          :class="{
          &#39;activeShow&#39;:item.active,
          &#39;disabled-li&#39;:!item.flag
          }">
          <a   href="javascript:;"
             :class="{disabled:!item.flag}"
             @click.stop="toolgeNav(item)">
            <h2>{{item.title}}</h2>
            <span class="samll-en" :title="item.small">{{item.small}}</span>
            <span class="samll-en-bg">{{item.small}}</span>
          </a>
    </li></template><style scoped>.disabled {
    pointer-events: none;
    /cursor: not-allowed!important;/
}
.disabled-li {
  /阻止事件/
  cursor: not-allowed !important;
}</style>

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture connexe :

Comment filtrer les valeurs fausses, nulles, 0, "", non définies et NaN​​dans les tableaux js

Comment utiliser CSS pour résoudre le problème du trop grand nombre de polices dans la table tr th et la table tr td

Comment définir le 360 mode vitesse à ouvrir par défaut

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!