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