已解決430363個問題，去搜搜看，總會有你想問的

element slot 數據無法及時更新？

首頁猿問 element slot...

element slot 數據無法及時更新？

Vue.js JavaScript

瀟湘沐 2018-10-12 22:25:45

<el-tab-pane v-for="(item, index) in systemOptionsHeaderList" :key="index" :name="item.value" :lazy="true"> <span slot="label" > {{item.label}} <tips v-if="formHasModify" content="本頁數據暫未保存" /> </span></el-tab-pane>使用了 element-ui 中的 tab-pane希望在 label 內添加一個小組件，組件邏輯檢查過，沒問題這里使用v-if 控制組件的顯示和隱藏問題就是：當 formHasModify 內容改變之后，無法立即渲染出這個小組件需要當點擊或者切換 tab-pane 才能夠手動的渲染出來

查看完整描述

3 回答

米脂

TA貢獻1836條經驗獲得超3個贊

<el-tab-pane

ref="elTabs"

v-for="(item, index) in systemOptionsHeaderList"

:key="index"

:name="item.value"

:lazy="true"

// 在控制變量改變的時候進行強制渲染更新

let childrenRefs = this.$refs.elTabs.$children

this.$nextTick(() => {

childrenRefs.forEach(child => child.$forceUpdate())

})

1 反對回復 2018-10-26

brucetyler

TA貢獻1條經驗獲得超0個贊

你好，請問這個問題解決了嗎，我也遇到了同樣的問題

反對回復 2019-04-28

肥皂起泡泡

TA貢獻1829條經驗獲得超6個贊

這個具體也不好說，個人的理解是因為你的數據是循環出來的，數據量大，你使用v-if等同于將代碼刪除了，所以即使你狀態改變了，這段代碼依然沒有渲染出來，建議你用v-show試試

反對回復 2018-10-26

3 回答
0 關注
4866 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

element slot 數據無法及時更新？

element slot 數據無法及時更新？

3 回答

添加回答

element slot 數據無法及時更新？