子コンポーネントで vue activated を使用する詳細

ページ: ベース:

<テンプレート>
  <div class="タブコンテナ">
    <h1 スタイル="text-align: center">
      {{ form.category }}{{ form.companyType }} に申し込んで定住する</h1>
    <div class="form-panel" style="margin-left: 20px;text-align: right;">
      <el-button type="info" @click="cancelSave">キャンセル</el-button>
      <el-button type="warning" @click="transientSave">一時的に保存</el-button>
      <el-button type="danger" @click="persistSave">保存</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="tabMapOptions 内の項目" :key="item.key" :label="item.label" :name="item.key">
        <キープアライブ>
          <タブ ペイン:is="item.key" :ref="item.key" :type="item.key" @create="showCreatedTimes" />
          <!--<コンポーネント :is="item.key" :ref="item.key" :type="item.key" @create="showCreatedTimes" />-->
        </キープアライブ>
      </el-tab-pane>
    </el-tabs>
  </div>
</テンプレート>

tab-pane 5 つあり、そのうち 3 つには子コンポーネントにactivatedメソッドがあります。 3 つのサブコンポーネントはすべてpersonに接続されています。 personの場合: this.$router.go(-1)

    // キャンセル、閉じる return cancelSubmit() {
      //現在のページを閉じるにはグローバルマウントメソッドを呼び出します this.$store.dispatch('tagsView/delView', this.$route)
      これ.$router.go(-1)
    },

この時点で、3 つのサブコンポーネントのactivatedメソッドが実行されますか?サブpersonのactivatedメソッドのみにジャンプし、他の2つのactivatedメソッドを実行しないようにする方法

サブコンポーネントでのvue activated使用に関する詳細についての記事はこれで終了です。サブコンポーネントでのvue activatedの使用に関する詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: