vue 元件重新 render?

<el-tabs 
        v-model="activeName" 
        stretch>
        <el-tab-pane 
          label="我的消息" 
          name="myNews">
          <MyNews />
        </el-tab-pane>
        <el-tab-pane 
          label="系統通知" 
          name="system">
          <System />
        </el-tab-pane>
      </el-tabs>

這是我的 index
裡面有引入兩個元件
而元件裡面都會是需要打api取數據的

只是這樣的情況會發生一個問題
我在來回切換tab時,他並不會重新執行這兩個元件的created

以下是兩個元件的created

created() {
    this.handleData()
  },

如何讓它每次都可以重新執行 created ?
為了讓它每次都能重新打api取新數據

阅读 1.3k
1 个回答

只是取数据的话,ref引用子组件调用取数据的方法
重新执行钩子函数的话 子组件用v-if ,切走的时候=false,卸载子组件
且回来的时候=true,会重新挂载子组件

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题