日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
Vue-AntDesignVue-實(shí)現(xiàn)自定義校驗(yàn)-創(chuàng)新互聯(lián)

本篇文章給大家分享的是有關(guān)Vue-Ant Design Vue-實(shí)現(xiàn)自定義校驗(yàn)，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)、資源網(wǎng)絡(luò)推廣、微信平臺(tái)小程序開發(fā)、資源網(wǎng)絡(luò)營銷、資源企業(yè)策劃、資源品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供資源建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

Ant Design Vue

Ant Design Vue是 Ant Design 3.X 的 Vue 實(shí)現(xiàn)，開發(fā)和服務(wù)于企業(yè)級(jí)后臺(tái)產(chǎn)品。在GitHub上可以找到幾個(gè)Ant Design的Vue組件。不過相比較而言，Ant Design Vue更勝一籌。Ant Design Vue共享Ant Design of React設(shè)計(jì)工具體系，實(shí)現(xiàn)了所有Ant Design of React的組件，支持現(xiàn)代瀏覽器和 IE9 及以上（需要 polyfills）?？梢宰屖煜nt Design的在使用Vue時(shí)，很容易的上手。

nodejs，npm包括Ant Design Vue安裝什么的就不說了，可以百度，之后有時(shí)間我會(huì)寫一篇關(guān)于這一套東西的安裝教程，關(guān)于Ant Design Vue，可以直接查看官方文檔：https://vue.ant.design

下面說一下關(guān)于Ant Design Vue中的表單校驗(yàn)及自定義校驗(yàn)。

自定義校驗(yàn)

先給一張Ant Design Vue得form表單中不同類型的校驗(yàn)場景圖，看看是否有你需要的：

Vue-Ant Design Vue-實(shí)現(xiàn)自定義校驗(yàn)

官方提供了 validateStatus, help ,hasFeedback 等屬性，你可以不需要使用 Form.create 和 getFieldDecorator，自己定義校驗(yàn)的時(shí)機(jī)和內(nèi)容。

validateStatus: 校驗(yàn)狀態(tài)，可選 ‘success', ‘warning', ‘error', ‘validating'。

hasFeedback：用于給輸入框添加反饋圖標(biāo)。

help：設(shè)置校驗(yàn)文案。

說明一點(diǎn)： 當(dāng)你使用Ant Design Vue的使用，經(jīng)過 Form.create 包裝的組件將會(huì)自帶 this.form 屬性

this.form 提供的 關(guān)于校驗(yàn)的API如下 ：

方法說明類型
validateFields校驗(yàn)并獲取一組輸入域的值與 Error，若 fieldNames 參數(shù)為空，則校驗(yàn)全部組件Function([fieldNames: string[]], [options: object], callback: Function(errors, values))

然后看下Form.Item的參數(shù)設(shè)置（主要看關(guān)于校驗(yàn)的）：

參數(shù)說明類型默認(rèn)值
extra額外的提示信息，和 help 類似，當(dāng)需要錯(cuò)誤信息和提示文案同時(shí)出現(xiàn)時(shí)，可以使用這個(gè)。string/slot
hasFeedback配合 validateStatus 屬性使用，展示校驗(yàn)狀態(tài)圖標(biāo)，建議只配合 Input 組件使用。booleanfalse
help提示信息，如不設(shè)置，則會(huì)根據(jù)校驗(yàn)規(guī)則自動(dòng)生成string/slot
validateStatus校驗(yàn)狀態(tài)，如不設(shè)置，則會(huì)根據(jù)校驗(yàn)規(guī)則自動(dòng)生成，可選：‘success' ‘warning' ‘error' ‘validating'string

最后是校驗(yàn)規(guī)則設(shè)置:

Vue-Ant Design Vue-實(shí)現(xiàn)自定義校驗(yàn)

相關(guān)的api及參數(shù)設(shè)置介紹完樂，下面上實(shí)例

實(shí)例

寫一個(gè)簡單的例子

form表單代碼：









提交

分享名稱：Vue-AntDesignVue-實(shí)現(xiàn)自定義校驗(yàn)-創(chuàng)新互聯(lián)
網(wǎng)頁地址：http://www.dlmjj.cn/article/deipsc.html