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