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

Analyse der MySQL-Transaktionsmerkmale und Ebenenprinzipien

1. Was ist eine Transaktion? Eine Datenbanktransa...

Hinweise zum erweiterten Zeichengerätetreiber des Linux-Kernel-Gerätetreibers

/****************** * Erweiterter Zeichengerätetr...

Detaillierte Erklärung, wie eine SQL-Anweisung in MySQL ausgeführt wird

Überblick Ich habe vor Kurzem begonnen, mir Wisse...

Tutorial-Analyse der Schnellinstallation von mysql5.7 basierend auf centos7

eins. wget https://dev.mysql.com/get/mysql57-comm...

Textarea-Tag in HTML

<textarea></textarea> wird verwendet,...

Eine kurze Diskussion über die Verwendung der Web Storage API

Inhaltsverzeichnis 1. Lokale Speichertechnologie ...

Docker-Pull-Image und Tag-Vorgang Pull | Tag

Ich habe den Quellcode des Fabric-Projekts noch e...

Detaillierte Installationsschritte für MySQL 8.0.11

In diesem Artikel werden die Installationsschritt...

Zusammenfassung der Ausnahmen bei der MySQL-Datenbankverbindung (sammelwürdig)

Beim Bereitstellen des Projekts auf Centos ist mi...

Lokale Vue-Komponentendatenfreigabe Vue.observable()-Nutzung

Wenn Komponenten detaillierter werden, treten Sit...