我用element的el-tabs做了一个分页操作，如何操作组件的刷新？

Question

    <el-tabs v-model="editableTabsValue2" type="card" closable  @tab-remove="removeTab">
      <el-tab-pane v-for="(item, index) in editableTabs2" :key="item.name" :label="item.title" :name="item.name">
        <template>
          <component :is="item.content" v-on:toPage="toPage" :message="message" v-on:messageInformation="messageInformation"></component>
        </template>
      </el-tab-pane>
    </el-tabs>

这是分页的代码

这是效果图，但是我怎么操作里面组件的刷新呢？纠结了好久，不知道怎么解决，请大牛指导一下

Answer 1

在<el-tabs>上绑定一个@tab-click="handleClick"事件,

handleClick(tab, event) {
      if(event.target.innerHTML=='首页'){
        //做首页刷新,先传值到组件,组件对值进行监听
      }else if(){
       //其他页面刷新
      }
    },

Answer 2

什么刷新，选项卡还是选项卡对应的内容