解決vue組件渲染沒更新數(shù)據(jù)問題
問題：
使用前端日期控件時 - 數(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)文章
Vue3 openlayers加載瓦片地圖并手動標(biāo)記坐標(biāo)點功能
這篇文章主要介紹了 Vue3 openlayers加載瓦片地圖并手動標(biāo)記坐標(biāo)點功能,我們這里用vue/cli創(chuàng)建,我用的node版本是18.12.1,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04
這篇文章主要介紹了vue項目中導(dǎo)入swiper插件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
詳解Vue+axios+Node+express實現(xiàn)文件上傳(用戶頭像上傳)
這篇文章主要介紹了詳解Vue+axios+Node+express實現(xiàn)文件上傳(用戶頭像上傳)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
最近做項目遇到這樣的一個需求，通過select元素來選擇音頻文件的名稱，點擊按鈕可以進(jìn)行試聽。接下來通過本文給大家介紹vue項目中通過點擊事件讀取音頻文件的方法,需要的朋友可以參考下2018-05-05
這篇文章主要介紹了vue項目配置sass及引入外部scss文件方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
使用Vue調(diào)取接口,并渲染數(shù)據(jù)的示例代碼
今天小編就為大家分享一篇使用Vue調(diào)取接口,并渲染數(shù)據(jù)的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要給大家介紹了關(guān)于Vue中ref和$refs使用方法的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
Vue3+Vue Router實現(xiàn)動態(tài)路由導(dǎo)航的示例代碼
隨著單頁面應(yīng)用程序(SPA)的日益流行,前端開發(fā)逐漸向復(fù)雜且交互性強(qiáng)的方向發(fā)展,在這個過程中,Vue.js及其生態(tài)圈的工具（如Vue Router）為我們提供了強(qiáng)大的支持,本文將介紹如何在Vue 3中使用Vue Router實現(xiàn)動態(tài)路由導(dǎo)航,需要的朋友可以參考下2024-08-08
Vue中mixins的使用方法以及實際項目應(yīng)用指南
vue中提供了一種混合機(jī)制--mixins,用來更高效的實現(xiàn)組件內(nèi)容的復(fù)用,下面這篇文章主要給大家介紹了關(guān)于Vue中mixins的使用方法以及實際項目應(yīng)用指南,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
這篇文章主要為大家詳細(xì)介紹了Vue3中v-model語法糖的三種寫法,文中的示例代碼講解詳細(xì),具有一定的借鑒價值,有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01