vue 元件重新 render?

  • Z时代
  • 2024-02-07
  • 分类：IT

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取新數據

回答：

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

以上是 vue 元件重新 render? 的全部内容， 来源链接： utcz.com/p/935617.html

回到顶部