解決vue組件渲染沒更新數(shù)據(jù)問題
更新時間：2023年02月09日 10:11:12 作者：CSNZのBlog
本文主要介紹了解決vue組件渲染沒更新數(shù)據(jù)問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
問題：
使用前端日期控件時 - 數(shù)據(jù)聯(lián)動時數(shù)據(jù)綁定無效問題
現(xiàn)象：
選擇A日期，想動態(tài)改變B日期數(shù)據(jù)，只有第一次選擇時會動態(tài)改變B日期數(shù)據(jù)，第二次選擇A日期時，B日期數(shù)據(jù)雖已改變，但是頁面數(shù)據(jù)未改變
例如我要點擊留樣日期，銷毀日期就得默認(rèn)設(shè)置為留樣日期之后的三個月，只有第一次點擊，效果能正常顯示，但是第二次點擊，銷毀日期就不會更新了…
原因
前端組件沒有重新加載，一直保持舊數(shù)據(jù)
解決步驟
使用標(biāo)志位讓組件每次更改刷新一次
一、前端組件綁定點擊事件
二、新增一個標(biāo)識flag 默認(rèn)為true ，即組件默認(rèn)顯示
三、要聯(lián)動的前端組件增加標(biāo)識判斷 flag為true時顯示，false時隱藏
四、在綁定的點擊事件中刷新flag標(biāo)識 這樣子即讓組件 隱藏又展示，該組件的數(shù)據(jù)便重新渲染了
到此這篇關(guān)于解決vue組件渲染沒更新數(shù)據(jù)問題的文章就介紹到這了,更多相關(guān)vue組件渲染沒更新內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue中node_modules中第三方模塊的修改使用,本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下2019-05-05
el-checkbox-group?的v-model無法綁定對象數(shù)組的問題解決
elementUI官方文檔中el-checkbox-group組件綁定的都為一維數(shù)組，本文主要介紹了解決el-checkbox-group?的v-model無法綁定對象數(shù)組，感興趣的可以了解一下2023-05-05
這篇文章主要為大家介紹了undefined是否會變?yōu)閚ull原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
路由懶加載是一種優(yōu)化技術(shù)，用于延遲加載應(yīng)用程序中的路由組件，它可以提高初始加載速度并減少資源消耗，特別適用于大型單頁應(yīng)用，下面我們就來看看它的原理與使用吧2023-08-08
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)雙向數(shù)據(jù)綁定，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要介紹了vue實現(xiàn)的仿淘寶購物車功能,結(jié)合完整實例形式較為詳細(xì)的分析了vue.js仿淘寶購物車功能的具體樣式、功能相關(guān)實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2019-01-01
這篇文章主要介紹了淺談Vue.js中如何實現(xiàn)自定義下拉菜單指令，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
vue項目網(wǎng)站全局置灰功能實現(xiàn)示例詳解
這篇文章主要為大家介紹了vue項目網(wǎng)站全局置灰功能實現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
VUE 常規(guī)截取和特殊字符之前之后截取(實例代碼)
這篇文章主要介紹了VUE 常規(guī)截取和特殊字符之前之后截取,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-10-10
這篇文章主要介紹了vue使用element-ui的el-image的問題分析,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-01-01