el-date-picker change事件無(wú)響應(yīng)問(wèn)題及解決方案
更新時(shí)間：2025年12月03日 08:44:37 作者：霸氣小男
文章總結(jié)：在使用el-date-picker組件時(shí),如果回顯數(shù)據(jù)后change事件無(wú)法監(jiān)聽(tīng)到變化,可以改用input事件,選擇日期后頁(yè)面不更新但數(shù)據(jù)變化,可以在監(jiān)聽(tīng)事件中使用forceUpdate強(qiáng)制刷新視圖
1、el-date-picker回顯數(shù)據(jù)后，change事件監(jiān)聽(tīng)不到
- 改用input監(jiān)聽(tīng)
<el-date-picker
v-model="form.auctionEndTimes"
type="datetimerange"
range-separator="至"
start-placeholder="開(kāi)始日期"
end-placeholder="結(jié)束日期"
:picker-options="pickerOptions"
clearable
@input="auctionEndTimesChange">
</el-date-picker>2、選擇日期后頁(yè)面沒(méi)變，但實(shí)際數(shù)據(jù)卻變了
- 監(jiān)聽(tīng)事件里使用forceUpdate，強(qiáng)制刷新視圖
auctionEndTimesChange(){
this.$forceUpdate()
},總結(jié)
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
基于Vue3實(shí)現(xiàn)屏幕音頻捕獲的具體方案
在日常開(kāi)發(fā)中,我們經(jīng)常會(huì)遇到需要錄制音頻的場(chǎng)景,比如在線會(huì)議、語(yǔ)音筆記、教學(xué)錄制等,傳統(tǒng)的音頻錄制通常只能捕獲麥克風(fēng)輸入,但在某些場(chǎng)景下,我們可能需要錄制系統(tǒng)音頻,所以本文就來(lái)實(shí)現(xiàn)一個(gè)基于Vue3 Composition API的屏幕音頻捕獲Hook,需要的朋友可以參考下2025-11-11
前端vue+element使用SM4國(guó)密加密解密的詳細(xì)實(shí)例
國(guó)密即國(guó)家密碼局認(rèn)定的國(guó)產(chǎn)密碼算法,主要有SM1,SM2,SM3,SM4,下面這篇文章主要給大家介紹了關(guān)于前端vue+element使用SM4國(guó)密加密解密的相關(guān)資料,需要的朋友可以參考下2023-03-03
vue項(xiàng)目打包部署后默認(rèn)路由不正確的解決方案
這篇文章主要介紹了vue項(xiàng)目打包部署后默認(rèn)路由不正確的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue Element前端應(yīng)用開(kāi)發(fā)之樹(shù)列表組件
本篇隨筆主要介紹樹(shù)列表組件和下拉列表樹(shù)組件在項(xiàng)目中的使用，以及一個(gè)SplitPanel的組件。2021-05-05
解決echarts數(shù)據(jù)二次渲染不成功的問(wèn)題
這篇文章主要介紹了解決echarts數(shù)據(jù)二次渲染不成功的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
vue element-ui實(shí)現(xiàn)input輸入框金額數(shù)字添加千分位
這篇文章主要介紹了vue element-ui實(shí)現(xiàn)input輸入框金額數(shù)字添加千分位,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-12-12
這篇文章主要介紹了Vue-cli3簡(jiǎn)單使用(圖文步驟)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-04-04
這篇文章主要為大家學(xué)習(xí)介紹了Vue如何使用echarts繪制柱狀圖和折線圖,文中有詳細(xì)的示例代碼,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-08-08
vue3系統(tǒng)進(jìn)入頁(yè)面前的權(quán)限判斷和重定向方式
這篇文章主要介紹了vue3系統(tǒng)進(jìn)入頁(yè)面前的權(quán)限判斷和重定向方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要介紹了vuex中store的action和mutations用法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04