vue $refs.aaa aaa模板引用子组件 是个空数组 原因

发布时间 2023-10-11 16:13:02作者: hrdom

我的代码结构大致这样
      <el-tabs v-model="activeTab">
        <el-tab-pane
          v-for="(tab, index) in 一个数组bbb"
          :key="index"
          :label="tab.label"
          :name="tab.name"
        >
          <子组件
            ref="aaa"
          ></子组件>
        </el-tab-pane>
      </el-tabs>

 

然后修改bbb,会使得上次有的子组件消失,但是this.$refs.aaa并不会消失,仍会保留成一个空数组,只是里边的内容消失了(应该是部分复用了的原因)