Details zur Verwendung von aktiviertem Vue in untergeordneten Komponenten

Details zur Verwendung von aktiviertem Vue in untergeordneten Komponenten

Seite: Basis:

<Vorlage>
  <div Klasse="Tab-Container">
    <h1 Stil="Textausrichtung: Mitte">
      Bewerben Sie sich für {{ form.category }}{{ form.companyType }} zur Eingewöhnung</h1>
    <div Klasse = "Formular-Panel" Stil = "Margin-left: 20px; Text-Align: right;">
      <el-button type="info" @click="cancelSave">Abbrechen</el-button>
      <el-button type="warning" @click="transientSave">Vorübergehend speichern</el-button>
      <el-button type="danger" @click="persistSave">Speichern</el-button>
    </div>
    <el-tabs v-model="activeName" style="margin-top: 15px" type="border-card" :before-leave="collectPaneFormData" @tab-click="initPaneData">
      <el-tab-pane v-for="Element in tabMapOptions" :key="Element.key" :label="Element.label" :name="Element.key">
        <am Leben erhalten>
          <tab-pane :is="item.key" :ref="item.key" :type="item.key" @create="showCreatedTimes" />
          <!--<component :is="item.key" :ref="item.key" :type="item.key" @create="showCreatedTimes" />-->
        </am Leben erhalten>
      </el-tab-pane>
    </el-tabs>
  </div>
</Vorlage>

Es gibt fünf tab-pane , von denen drei über activated Methoden in ihren untergeordneten Komponenten verfügen. Alle drei Unterkomponenten haben Verbindungen zu person . Bei person : this.$router.go(-1)

    // Abbrechen, schließen return cancelSubmit() {
      //Rufen Sie die globale Mount-Methode auf, um die aktuelle Seite zu schließen this.$store.dispatch('tagsView/delView', this.$route)
      dies.$router.go(-1)
    },

Werden zu diesem Zeitpunkt activated Methoden der drei Unterkomponenten ausgeführt? Wie springt man nur zur activated Methode einer Unterkomponente in person und führt nicht die activated Methode der anderen beiden aus?

Dies ist das Ende dieses Artikels über die Einzelheiten zur Verwendung von vue activated in Unterkomponenten. Weitere Informationen zur Verwendung von vue activated in Unterkomponenten finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Verwendung von „aktiviert“ in Vue
  • Diskussion und detaillierte Verwendung von Keep-Alive und Activated in Vue
  • Der aktivierte Vue-Lebenszyklus kehrt zur vorherigen Seite zurück, ohne dass Datenvorgänge erneut angefordert werden müssen

<<:  Detaillierte Prozessanalyse der Docker-Bereitstellung des Snail-Cinema-Systems

>>:  html-Seite!--[if IE]...![endif]--Detaillierte Einführung in die Verwendung

Artikel empfehlen

Detaillierte Erläuterung des Grafikbeispiels für Vue-Überwachungsattribute

Inhaltsverzeichnis Was ist die Listener-Eigenscha...

Verwenden einer MySQL-Datenbank mit Python 3.4 unter Windows 7

Der detaillierte Prozess der Verwendung der MySQL...

Kontext und Eigenschaften von React erklärt

Inhaltsverzeichnis 1. Kontext 1. Anwendungsszenar...

Einfache Implementierung zum Ausblenden der Bildlaufleiste in HTML

1. HTML-Tags mit Attributen XML/HTML-CodeInhalt i...

Hinweise zum Proc-Dateisystem des Linux-Kernel-Gerätetreibers

/***************** * proc-Dateisystem************...

Docker-Compose-Schritte zum Konfigurieren der Spring-Umgebung

Vor Kurzem musste ich das Projekt für die Mitglie...

CSS3 realisiert den grafischen Fallanimationseffekt

Sehen Sie zuerst den Effekt Implementierungscode ...

Detaillierte Erklärung der Primärschlüssel und Transaktionen in MySQL

Inhaltsverzeichnis 1. Kommentare zu MySQL-Primärs...