vue element ui validate 主動觸發(fā)錯誤提示操作
elementUI使用了async-validator進(jìn)行表單驗證，但是當(dāng)我使用下拉樹（el-cascader）時，發(fā)現(xiàn)其不主動觸發(fā)，于是我只能主動去觸發(fā)，方法如下：
this.$refs['form'].fields[0].validateMessage = 'error message'
this.$refs['form'].fields[0].validateState = 'error'
補充知識：element-ui 打開頁面觸發(fā)校驗問題
如果你設(shè)置了關(guān)閉彈出頁就resetFields（），此時打開頁面仍然觸發(fā)校驗效果，一般是下拉框和時間選擇導(dǎo)致的，解決辦法就是更改校驗規(guī)則rules,
endTime: [{ type: 'string', required: true, message: '請選擇', trigger: 'blur' }]，
type: [{ type: 'number', required: true, message: '請選擇', trigger: 'blur' }],
此時，你的下拉選擇類型要正確，就像我，此時下拉框的value是number，那么這里就是number，假如你的下拉框?qū)?yīng)的value是string，類型相應(yīng)改變。
與此同時，element-ui有個坑，時區(qū)問題，導(dǎo)致傳向后臺的時間和選擇的時間相差八個小時，此時你需要設(shè)置
value-format="yyyy-MM-dd HH:mm:ss"
這樣，傳向后臺是一個字符串，校驗時，就需要按照endTime的規(guī)則了
以上這篇vue element ui validate 主動觸發(fā)錯誤提示操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了12 種使用Vue 的最佳做法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，讓構(gòu)建單頁面應(yīng)用變得易如反掌。本文介紹下Vue Router的安裝與使用2021-06-06
Vue生命周期和鉤子函數(shù)的詳解與經(jīng)典面試題
Vue生命周期是指vue實例對象從創(chuàng)建之初到銷毀的過程,vue所有功能的實現(xiàn)都是圍繞其生命周期進(jìn)行的,下面這篇文章主要給大家介紹了關(guān)于Vue生命周期和鉤子函數(shù)的相關(guān)資料,需要的朋友可以參考下2021-10-10
這篇文章給大家介紹了基于vue封裝一個帶眼睛的密碼子組件的方法,文章中有詳細(xì)的代碼講解,對大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-09-09
echarts實現(xiàn)獲取datazoom的起始值(包括x軸和y軸)
這篇文章主要介紹了echarts實現(xiàn)獲取datazoom的起始值(包括x軸和y軸)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
這篇文章主要介紹了Vue中props報錯問題解決方案,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-09-09
vue3+echarts+折線投影(陰影)效果的實現(xiàn)
這篇文章主要介紹了vue3+echarts+折線投影(陰影)效果的實現(xiàn)方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Vue的watch偵聽器格式有兩種：方法格式和對象格式的偵聽器，這篇文章主要介紹了Vue watch 偵聽對象屬性相關(guān)知識,需要的朋友可以參考下2023-04-04
Vue實現(xiàn)輸入框回車發(fā)送和粘貼文本與圖片功能
這篇文章主要為大家詳細(xì)介紹了Vue如何實現(xiàn)聊天輸入框回車發(fā)送、粘貼文本（包括HTML）、粘貼圖片等功能，文中的實現(xiàn)方法講解詳細(xì)，需要的可以參考一下2022-05-05
本文主要介紹了vue前后端端口不一致的問題解決,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-10-10