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

Zwei Möglichkeiten zum vollständigen Löschen von Benutzern unter Linux

Linux-Betrieb Experimentelle Umgebung: Centos7-Vi...

mysql drei Tabellen verbunden, um eine Ansicht zu erstellen

Drei Tabellen sind miteinander verbunden. Feld a ...

NodeJS realisiert die Bildtextsegmentierung

In diesem Artikel wird der spezifische Code von N...

Beispiel für die Verwendung von rem zum Ersetzen von px in einem Vue-Projekt

Inhaltsverzeichnis Werkzeug Installieren Sie das ...

React+Koa-Beispiel zur Implementierung des Datei-Uploads

Inhaltsverzeichnis Hintergrund Serverabhängigkeit...

Detaillierte Erklärung der Anwendungsfälle von Vue-Listenern

Die erste Möglichkeit besteht darin, jQuery's...

Unterschied zwischen HTML ReadOnly und Enabled

Das Textfeld mit dem ReadOnly-Attribut wird auf de...

Windows 10 ist zu schwierig zu verwenden. Wie passen Sie Ihr Ubuntu an?

Autor | Herausgeber Awen | Produziert von Tu Min ...

Zusammenfassung der Methoden zur Verbesserung der MySQL-Anzahl

Ich glaube, dass viele Programmierer mit MySQL ve...

Detaillierte Erklärung zur Verwendung von Element-Plus in Vue3

Inhaltsverzeichnis 1. Installation 2. Importieren...

MySQL-Lösung zur funktionalen Indexoptimierung

Bei der Verwendung von MySQL führen viele Entwick...

Lernen Sie die Grundlagen von nginx

Inhaltsverzeichnis 1. Was ist nginx? 2. Was kann ...

So erzielen Sie mit three.js einen dynamischen 3D-Texteffekt

Vorwort Hallo zusammen, hier ist der CSS-Assisten...