子コンポーネントで 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>
</テンプレート>

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