鍍金池/ 問答/HTML/ 我用element的el-tabs做了一個分頁操作,如何操作組件的刷新?

我用element的el-tabs做了一個分頁操作,如何操作組件的刷新?

    <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>

這是分頁的代碼

clipboard.png
這是效果圖,但是我怎么操作里面組件的刷新呢?糾結了好久,不知道怎么解決,請大牛指導一下

回答
編輯回答
妖妖

什么刷新,選項卡還是選項卡對應的內容

2018年5月11日 18:19
編輯回答
陪她鬧

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

handleClick(tab, event) {
      if(event.target.innerHTML=='首頁'){
        //做首頁刷新,先傳值到組件,組件對值進行監(jiān)聽
      }else if(){
       //其他頁面刷新
      }
    },
2017年12月17日 04:54