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