vue change l'état de l'élément actuellement sélectionné

Cette fois, je vais vous apporter le statut de vue modifiant l'élément actuellement sélectionné. Quelles sont les précautions pour modifier l'état de l'élément actuellement sélectionné. Voici un cas pratique. Levez-vous et jetez un œil.

Dans vue, ce n'est plus comme jq d'opérer directement dom. Si vous souhaitez pointer vers l'élément actuellement sélectionné, vous ne pouvez plus utiliser l'idée de jq. La méthode est la suivante :

Lorsque vous pointez vers un état, seul l'état pointé est masqué et les autres éléments restent inchangés. Si element-ui est utilisé dans le projet, l'opération sera plus simple :

v-if="(row.id == currentId&&row.auditState==0)?checkState:!checkState" @mouseover="statehidden(row.id)"

.

js :

statehidden(id){
   this.currentId=id; 
  },

L'idée de cette méthode est la suivante : Lorsque la souris pointe sur un élément, l'identifiant de l'élément est obtenu et stocké dans une variable , et il est jugé que row.id== currentId, contrôlez simplement le bouton pour l'afficher et le masquer, car l'ID de l'élément actuel ne peut être obtenu que lorsque la souris pointe sur un élément, vous pouvez donc utiliser la ligne .id==currentId pour juger, afin de contrôler facilement les modifications de l'élément actuel

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 éléments connexes. articles sur le site PHP chinois !

Lecture recommandée :

Explication détaillée de l'utilisation du plug-in de défilement vue better-scroll

Comment l'utiliser le plug-in mint-ui time Obtenez la valeur de sélection

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!