Maison > interface Web > js tutoriel > vue change l'état de l'élément actuellement sélectionné

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

php中世界最好的语言
Libérer: 2018-04-12 17:20:15
original
2444 Les gens l'ont consulté

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)"
Copier après la connexion
.

js :

statehidden(id){
   this.currentId=id; 
  },
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal