nuxt.js 如果使用了<nuxt-child> 嵌套路由 会阻止页面中其它组件触发created、mounted 等事件

Question

这是某页面的模板
`

<template>
  <div class="container">
    <headernode />
    <div style="height:56px"></div>
    <backtheme />
    <el-row
      :gutter="80"
      style="min-width: 1200px;max-width: 1440px;margin: 0 auto;margin-top: 25px;"
    >
      <el-col :span="5">
        <div class="aside" :class="{active:tab=='profile'}">
          <nuxt-link :to="'/setting/a'">
            <svg class="icon seticon" aria-hidden="true">
              <use xlink:href="#icon-shimingrenzheng" />
            </svg>个人资料
          </nuxt-link>
        </div>
        <div class="aside" :class="{active:tab=='basics'}">
          <nuxt-link :to="'/setting/basics'">
            <svg class="icon seticon" aria-hidden="true">
              <use xlink:href="#icon-gongyesheji" />
            </svg>基础设置
          </nuxt-link>
        </div>
      </el-col>
      <el-col :span="19" style="padding-left: 2px;">
        <nuxt-child @chnagetab="chnagetab" ></nuxt-child>
      </el-col>
    </el-row>
  </div>
</template>

经测试发现
headernode 组件中的所有生命周期事件都不会触发，如果屏蔽
<nuxt-child>标签则正常

Answer 1

没人遇到这类问题？