vue element ui validate 主動觸發(fā)錯誤提示操作
elementUI使用了async-validator進(jìn)行表單驗(yà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'
補(bǔ)充知識：element-ui 打開頁面觸發(fā)校驗(yàn)問題
如果你設(shè)置了關(guān)閉彈出頁就resetFields（），此時打開頁面仍然觸發(fā)校驗(yàn)效果，一般是下拉框和時間選擇導(dǎo)致的，解決辦法就是更改校驗(yàn)規(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"
這樣，傳向后臺是一個字符串，校驗(yàn)時，就需要按照endTime的規(guī)則了
以上這篇vue element ui validate 主動觸發(fā)錯誤提示操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue2實(shí)現(xiàn)圖片的拖拽,縮放和旋轉(zhuǎn)效果的示例代碼
這篇文章主要為大家介紹了如何基于vue2?實(shí)現(xiàn)圖片的拖拽、旋轉(zhuǎn)、鼠標(biāo)滾動放大縮小等功能。文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以嘗試一下2022-11-11
詳解vue-cli項(xiàng)目中用json-sever搭建mock服務(wù)器
這篇文章主要介紹了詳解vue-cli項(xiàng)目中用json-sever搭建mock服務(wù)器，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-11-11
本篇文章主要介紹了Vue-Router模式和鉤子的用法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了在nuxt中使用路由重定向的實(shí)例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了 vue 動態(tài)組件component ，vue提供了一個內(nèi)置的<component>,專門用來實(shí)現(xiàn)動態(tài)組件的渲染，這個標(biāo)簽就相當(dāng)于一個占位符，需要使用is屬性指定綁定的組件，想了解更多詳細(xì)內(nèi)容的小伙伴請參考下面文章的具體內(nèi)容2021-11-11
這篇文章主要介紹了vue?innerHTML?綁定單擊事件不生效的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
vue中遇到的坑之變化檢測問題（數(shù)組相關(guān)）
這篇文章主要介紹了vue中遇到的坑之變化檢測問題（數(shù)組相關(guān)） ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要為大家詳細(xì)介紹了Vue之ElementUI Form表單校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
Vue3組件掛載之創(chuàng)建組件實(shí)例詳解
這篇文章主要為大家介紹了Vue3組件掛載之創(chuàng)建組件實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
vue使用nprogress實(shí)現(xiàn)進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了vue使用nprogress實(shí)現(xiàn)進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12