解決vue組件渲染沒(méi)更新數(shù)據(jù)問(wèn)題
問(wèn)題：
使用前端日期控件時(shí) - 數(shù)據(jù)聯(lián)動(dòng)時(shí)數(shù)據(jù)綁定無(wú)效問(wèn)題
現(xiàn)象：
選擇A日期，想動(dòng)態(tài)改變B日期數(shù)據(jù)，只有第一次選擇時(shí)會(huì)動(dòng)態(tài)改變B日期數(shù)據(jù)，第二次選擇A日期時(shí)，B日期數(shù)據(jù)雖已改變，但是頁(yè)面數(shù)據(jù)未改變
例如我要點(diǎn)擊留樣日期，銷(xiāo)毀日期就得默認(rèn)設(shè)置為留樣日期之后的三個(gè)月，只有第一次點(diǎn)擊，效果能正常顯示，但是第二次點(diǎn)擊，銷(xiāo)毀日期就不會(huì)更新了…
原因
前端組件沒(méi)有重新加載，一直保持舊數(shù)據(jù)
解決步驟
使用標(biāo)志位讓組件每次更改刷新一次
一、前端組件綁定點(diǎn)擊事件
二、新增一個(gè)標(biāo)識(shí)flag 默認(rèn)為true ，即組件默認(rèn)顯示
三、要聯(lián)動(dòng)的前端組件增加標(biāo)識(shí)判斷 flag為true時(shí)顯示，false時(shí)隱藏
四、在綁定的點(diǎn)擊事件中刷新flag標(biāo)識(shí) 這樣子即讓組件 隱藏又展示，該組件的數(shù)據(jù)便重新渲染了
到此這篇關(guān)于解決vue組件渲染沒(méi)更新數(shù)據(jù)問(wèn)題的文章就介紹到這了,更多相關(guān)vue組件渲染沒(méi)更新內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue3 openlayers加載瓦片地圖并手動(dòng)標(biāo)記坐標(biāo)點(diǎn)功能
這篇文章主要介紹了 Vue3 openlayers加載瓦片地圖并手動(dòng)標(biāo)記坐標(biāo)點(diǎn)功能,我們這里用vue/cli創(chuàng)建,我用的node版本是18.12.1,本文結(jié)合示例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04
vue項(xiàng)目中導(dǎo)入swiper插件的方法
這篇文章主要介紹了vue項(xiàng)目中導(dǎo)入swiper插件的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
詳解Vue+axios+Node+express實(shí)現(xiàn)文件上傳(用戶頭像上傳)
這篇文章主要介紹了詳解Vue+axios+Node+express實(shí)現(xiàn)文件上傳(用戶頭像上傳)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
最近做項(xiàng)目遇到這樣的一個(gè)需求，通過(guò)select元素來(lái)選擇音頻文件的名稱(chēng)，點(diǎn)擊按鈕可以進(jìn)行試聽(tīng)。接下來(lái)通過(guò)本文給大家介紹vue項(xiàng)目中通過(guò)點(diǎn)擊事件讀取音頻文件的方法,需要的朋友可以參考下2018-05-05
vue項(xiàng)目配置sass及引入外部scss文件方式
這篇文章主要介紹了vue項(xiàng)目配置sass及引入外部scss文件方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
使用Vue調(diào)取接口,并渲染數(shù)據(jù)的示例代碼
今天小編就為大家分享一篇使用Vue調(diào)取接口,并渲染數(shù)據(jù)的示例代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-10-10
這篇文章主要給大家介紹了關(guān)于Vue中ref和$refs使用方法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
Vue3+Vue Router實(shí)現(xiàn)動(dòng)態(tài)路由導(dǎo)航的示例代碼
隨著單頁(yè)面應(yīng)用程序(SPA)的日益流行,前端開(kāi)發(fā)逐漸向復(fù)雜且交互性強(qiáng)的方向發(fā)展,在這個(gè)過(guò)程中,Vue.js及其生態(tài)圈的工具（如Vue Router）為我們提供了強(qiáng)大的支持,本文將介紹如何在Vue 3中使用Vue Router實(shí)現(xiàn)動(dòng)態(tài)路由導(dǎo)航,需要的朋友可以參考下2024-08-08
Vue中mixins的使用方法以及實(shí)際項(xiàng)目應(yīng)用指南
vue中提供了一種混合機(jī)制--mixins,用來(lái)更高效的實(shí)現(xiàn)組件內(nèi)容的復(fù)用,下面這篇文章主要給大家介紹了關(guān)于Vue中mixins的使用方法以及實(shí)際項(xiàng)目應(yīng)用指南,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-03-03
Vue3中v-model語(yǔ)法糖的三種寫(xiě)法詳解
這篇文章主要為大家詳細(xì)介紹了Vue3中v-model語(yǔ)法糖的三種寫(xiě)法,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01