iview中Select 選擇器多選校驗(yàn)方法
iview提供的select組件中使用multiple屬性可以開(kāi)啟多選模式,返回的數(shù)據(jù)也是數(shù)組的形式。
iview使用的校驗(yàn)是根據(jù)async-validator來(lái)實(shí)現(xiàn)數(shù)據(jù)驗(yàn)證。驗(yàn)證規(guī)則可前去查看開(kāi)源項(xiàng)目
多選模式下的select組件校驗(yàn)使用type為array,可設(shè)置len屬性來(lái)規(guī)定數(shù)組的長(zhǎng)度,設(shè)置len:1則不是數(shù)組長(zhǎng)度為1則通過(guò)校驗(yàn),不設(shè)置則數(shù)組有元素則通過(guò)校驗(yàn)。
{ type: 'array', required: true, message: '不能為空'}
正則可以寫(xiě)在data中
在rules中引用即可
以上這篇iview中Select 選擇器多選校驗(yàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue中動(dòng)態(tài)出來(lái)返回的時(shí)間秒數(shù)(在多少秒顯示分、小時(shí)等等)
這篇文章主要給大家介紹了關(guān)于vue中動(dòng)態(tài)出來(lái)返回的時(shí)間秒數(shù)(在多少秒顯示分、小時(shí)等等)的相關(guān)資料,文中通過(guò)代碼示例介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01十個(gè)有用的自定義Vue鉤子函數(shù)總結(jié)
這篇文章主要為大家介紹了十個(gè)Vue.js中有用的自定義鉤子,讓我們的代碼更加好看。文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2022-04-04解決vue+element 鍵盤(pán)回車事件導(dǎo)致頁(yè)面刷新的問(wèn)題
今天小編就為大家分享一篇解決vue+element 鍵盤(pán)回車事件導(dǎo)致頁(yè)面刷新的問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08Vuejs第九篇之組件作用域及props數(shù)據(jù)傳遞實(shí)例詳解
這篇文章主要介紹了Vuejs第九篇之組件作用域及props數(shù)據(jù)傳遞實(shí)例詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-09-09vue學(xué)習(xí)筆記之過(guò)濾器的基本使用方法實(shí)例分析
這篇文章主要介紹了vue學(xué)習(xí)筆記之過(guò)濾器的基本使用方法,結(jié)合實(shí)例形式分析了vue.js過(guò)濾器的基本功能、用法與操作注意事項(xiàng),需要的朋友可以參考下2020-02-02