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 Erklärung des Vue3-Sandbox-Mechanismus

Inhaltsverzeichnis Vorwort Browser kompilierte Ve...

Detaillierte Erklärung der JS-Homologiestrategie und CSRF

Inhaltsverzeichnis Überblick Same-Origin-Policy (...

Detaillierte Erläuterung der erweiterten Konstruktionseigenschaften von Vue

Inhaltsverzeichnis 1. Richtlinie Zollrichtlinie 2...

Zusammenfassung der Wissenspunkte des Datenbankindex

Inhaltsverzeichnis Erster Blick-Index Das Konzept...

Schritte zum Verpacken und Freigeben des Vue-Projekts

Inhaltsverzeichnis 1. Übergang von der Entwicklun...

Wie kann MySQL das Löschen und Weglaufen von Datenbanken wirksam verhindern?

Inhaltsverzeichnis Einstellungen für den abgesich...

Beispiel für utf8mb4-Sortierung in MySQL

Allgemeine utf8mb4-Sortierregeln in MySQL sind: u...

nuxt.js Konfiguration mehrerer Umgebungsvariablen

Inhaltsverzeichnis 1. Einleitung 2. Szenario 3. S...

Implementierungscode zum Hinzufügen von Links zu FLASH über HTML (Div-Ebene)

Heute möchte ein Kunde eine Anzeige schalten und d...

Ubuntu16.04 Installation mysql5.7.22 Grafik-Tutorial

Installations-Tutorial für VMware12.0+Ubuntu16.04...