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