Lösung zum automatischen Auslösen von Klickereignissen beim Klicken auf ein Popup-Fenster in Vue (Simulationsszenario)

Geschäftsszenario: Verwenden Sie den EL-Dialog von Vue + Element UI. Nach dem Klicken auf das Popup-Fenster werden standardmäßig die Daten der ersten Schaltfläche zur Initialisierung geladen.

div

Anweisung:

 // Klickereignisse automatisch auslösen Direktiven:{
        auslösen:{
          eingefügt(el,binging){
            // console.log("Ereignisse automatisch auslösen")
            el.klick()
          }
        }
  },

PS: Schauen wir uns an, wie Vue automatisch Klickereignisse auslöst

Ja, klicken Sie auf die Liste links, um die Details zu erhalten, aber es ist ein Klickereignis erforderlich. Wenn die Seite aufgerufen wird, wird das Klickereignis standardmäßig ausgelöst.

Methode 1, benutzerdefinierte Vue-Anweisungen

  Anweisungen:{
    auslösen:{
     eingefügt(el, binging){
        Konsole.log(el.id)
        el.id == 'nav0' ? el.click() : null // Nur den ersten anklicken, die ID wird manuell in der Schleife hinzugefügt // $(el).trigger('click') // Alle werden einmal ausgelöst, dann der Letzte}
    }
  },

Verwendung:

 <span class="nav-item" :id="'nav' + index" v-trigger :class="{'active': item.stage == activeId}" @click="navClick(item)" v-for="(item, index) in nav" :key="item.stage">{{item.stage_name}}</span>

Oben finden Sie den detaillierten Inhalt der Lösung (simuliertes Szenario) zum automatischen Auslösen von Klickereignissen durch Klicken auf das Popup-Fenster von Vue. Weitere Informationen zum automatischen Auslösen von Klickereignissen von Vue finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!