vue 表單驗證常見問題

2021-09-24 16:23:31 字數 942 閱讀 1176

表單驗證可以採用兩種方式:

一、整個表單定義乙個驗證規則:

例如:標註為加粗的必須設定

// trigger:'blur'表示驗證何時觸發,還可以設定trigger:'blur change',當下拉框時trigger:'change'

rulevalidate: ,

],user_name: [,,

],

二、在formitem上直接定義驗證規則

}

三、常見問題

1. trigger: 'blur|change' 中的blur和change區別,blur是失去焦點才觸發 ,change控制項只要改變資料及失去焦點就觸發,總結是文字框一般寫成:trigger: 'blur|change',下拉框寫成:trigger: 'change'。

2.有時候下拉框無效,是因為iview預設校驗資料型別為string,而而有時候select用的value是number型別或者日期型別date,所以應改為增加乙個type,例如:

四、常用的驗證總結(基於iview環境)

1.最大輸入長度:直接用iview控制項本身的maxlength

2.輸入的字串在多少個之間或者最少不能小於多少:

3.必須為數字(支援小數字):

repaysum: [

]

4.必須為正整數:

5.帶小數點的數字:

\\d*)|([0]))(\\.(\\d))?$', message: '輸入不超過4位小數字的數字', trigger: 'blur' }

6.日期

7.多選

Vue常見問題

1.響應式資料原理2.vue中如和檢測陣列變化3.vue為什麼採用非同步渲染 當資料發生變化時 核心 nexttick4.元件中的data為什麼必須是函式 5.nexttick實現原理6.vue中computed的特點 7.vue中deep true是如何實現的 8.vue生命週期 beforemo...

Vue專案安裝常見問題

vue cli安裝 1 安裝 npm install cnpm g registry 注意 安裝完後最好檢視其版本號cnpm v或關閉命令提示符重新開啟,安裝完直接使用有可能會出現錯誤 2 執行命令 vue init webpack demo 你新建的專案名稱 檔名稱 執行之後將會 自動初始化乙個資...

VUE安裝及常見問題

vue的安裝可以根據官網上的來,vue cli 安裝 首先你需要安裝node.js,官網頁面上會有兩個版本 lts的意思是長期支援的版本,穩定 current顯而易見是目前最新發布的版本 在這裡,我們使用lts版本 官網上說了,如果你已經安裝過vue的舊版本 低版本,此處指3.0以下的版本 你可以使...