先看錯誤的 日志打印:?
錯誤的代碼如下:
正確的日志打印:?
正確的代碼如下:
?前言:? ? 在element-ui的tabs組件中，我們發(fā)現(xiàn)每次切換頁面，所有的子組件都會重新渲染一次。當子頁面需要發(fā)送數(shù)據(jù)請求并且子頁面過多時，這樣會過多的占用網(wǎng)絡資源。這里我們可以使用
v-if 來進行判斷是否渲染該子頁面。
不會如何在父頁面載入子頁面的可用看這一篇文章：在父頁面引入子頁面文件
v-if 屬于惰性加載，當值為false的時候，就不會加載。 隨著代碼的優(yōu)化升級，第三個版本是目前最好的版本。文章來源：http://www.zghlxwxcb.cn/news/detail-860397.html
版本一、在data中定義每個子組件相應的值，ture為加載，false為不加載。
?html:?文章來源地址http://www.zghlxwxcb.cn/news/detail-860397.html
// 在子組件中使用v-if來判斷是否渲染當前頁面
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
<el-tab-pane label&到了這里，關于elment-ui el-tabs組件 每次點擊后 created方法都會執(zhí)行2次的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
