elementUI使用了async-validator進(jìn)行表單驗證,但是當(dāng)我使用下拉樹(el-cascader)時,發(fā)現(xiàn)其不主動觸發(fā),于是我只能主動去觸發(fā),方法如下:
在永仁等地區(qū),都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局,加強(qiáng)發(fā)展的系統(tǒng)性、市場前瞻性、產(chǎn)品創(chuàng)新能力,以專注、極致的服務(wù)理念,為客戶提供網(wǎng)站建設(shè)、成都做網(wǎng)站 網(wǎng)站設(shè)計制作按需網(wǎng)站策劃,公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站建設(shè),全網(wǎng)整合營銷推廣,成都外貿(mào)網(wǎng)站制作,永仁網(wǎng)站建設(shè)費(fèi)用合理。this.$refs['form'].fields[0].validateMessage = 'error message'
this.$refs['form'].fields[0].validateState = 'error'
補(bǔ)充知識: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)容了,希望能給大家一個參考,也希望大家多多支持創(chuàng)新互聯(lián)。