vue ändert den Status des aktuell ausgewählten Elements

Dieses Mal werde ich Ihnen den Status der Änderung des aktuell ausgewählten Elements mitteilen. Welche Vorsichtsmaßnahmen gibt es, wenn Vue den Status des aktuell ausgewählten Elements ändert? Das Folgende ist ein praktischer Fall. Stehen Sie auf und werfen Sie einen Blick darauf.

In vue ist es nicht mehr wie bei jq, dom direkt zu bedienen. Wenn Sie auf das aktuell ausgewählte Element verweisen möchten, können Sie die Idee von jq nicht mehr verwenden:

Beim Zeigen auf einen Status wird nur der angezeigte Status ausgeblendet und andere Elemente bleiben unverändert. Wenn element-ui im ​​Projekt verwendet wird, ist die Operation einfacher:

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

js:

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

Die Idee dieser Methode ist: Wenn die Maus auf ein Element zeigt, wird die ID des Elements abgerufen und in einer Variablen gespeichert Es wird beurteilt, dass row.id == currentId ist. Steuern Sie einfach die -Taste , um sie anzuzeigen und auszublenden, da die ID des aktuellen Elements nur abgerufen werden kann, wenn die Maus auf ein Element zeigt, sodass Sie die Zeile verwenden können .id==currentId zur Beurteilung, damit Sie die Änderungen des aktuellen Elements leicht kontrollieren können

Ich glaube, Sie haben die Methode nach dem Lesen des Falls in diesem Artikel gemeistert. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Verwendung des Vue Better-Scroll-Scrolling-Plug-Ins

Verwendung das Mint-UI-Zeit-Plug-in Holen Sie sich den Auswahlwert

Das obige ist der detaillierte Inhalt vonvue ändert den Status des aktuell ausgewählten Elements. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!