表單驗證可以採用兩種方式:
一、整個表單定義乙個驗證規則:
例如:標註為加粗的必須設定
// 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以下的版本 你可以使...