element ui中的input失焦驗證

2021-09-27 02:29:40 字數 537 閱讀 1445

一般情況下,input失焦驗證只需要一句話就行

name:
這是驗證失焦時如果沒有輸入東西,那麼下面就會出現一句 『請輸入真實姓名』,

但是現在後台有乙個需求,就是如果在失焦的情況下,如果輸入的使用者名稱與之前有重複,那麼下面就會出現一句話 『已有使用者名稱,請重新輸入』,而且需要有介面跟他配合,所以這個時候就會用到比較複雜的帶調介面的驗證,**如下:

//username在失焦的時候判斷有沒有重複的使用者名稱

var validatepass = (rule, value, callback) =>

}).then(function(res)else if(value !='' && res.resulttype==7)else

}).catch(function(error))

也就是在驗證裡直接掉介面,通過介面返回的數值不同進行判斷。

下面rules是這麼寫的:

username:
暫時就get這麼多~

Element UI 中 loading 的使用

一 一般element ui都是給 加loading效果,也可以給整個頁面 body 加loading效果。當然也可以頁面上的任何dom加loading效果。在查詢button的標籤上新增onsearch方法。查詢1 onsearch settimeout 2000 也有取消loading效果的方法...

element ui中的穿梭框

在element ui中有乙個不常用但還是比較炫的乙個元件,就是穿梭框。他要實現的就是把左面的選中然後傳送到右面表示選中,或者右面的傳送到左面表示取消。首先我們看文件的話會得到基本的穿梭框 即 首先我們來分析一下,cities是放資料的地方,data是左邊資料,value2是右面的資料 首先會將ci...

Vue中elementUI的使用

官方文件 npm安裝 npm i element ui s在vue中進行引入 在main.js中 import vue from vue import router from router import elementui from element ui import element ui lib ...