element-ui 表單組件的prop屬性

原創 BettyLi92 2020-02-22 12:47
  • Vue組件庫element-ui中的Form表單組件提供了表單驗證功能
  • 通過rules屬性傳入驗證規則
  • Form-Item中的prop屬性設置需要校驗的字段名

如圖所示，el-form-item元素的prop屬性綁定字段名telphone，表單驗證時，就會驗證el-input元素綁定的變量ruleForm.telphone的值是否符合驗證規則

官方文檔對錶單屬性prop的說明：

站內首發文章
BettyLi92
發佈了27 篇原創文章 · 獲贊 19 · 訪問量 5萬+
私信 關注
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

【解決】element表單動態添加或更新表單項，回顯後無法修改或提示爲空的問題

原方法  /** * 動態更新form * @param form */ updateForm(form) { this.form.manholeId = form.manholeId; this.form

原創 2024-05-15 12:08:40

vivado報錯

[Synth 8-6014] Unused sequential element cnt_reg was removed. 綜合的時候， 上面報錯，說的是 cnt這個寄存器，被綜合去掉了。 仔細看了一下代碼，原來這個寄存器是多餘的，他是一

osc_hwc3munb 2024-05-14 02:04:33

一鍵自動化博客發佈工具,用過的人都說好(cnblogs篇)

cnblogs和其他的博客平臺相比會比較複雜，需要設置的項目也比較多一些，弄懂了cnblogs的實現方式，那麼你應該對selenium的整個框架使用已經爛熟於心了。 除了正常的標題，內容，摘要之外，cnblogs還需要設置個人分類，合集，投

原創 2024-05-09 21:45:36

6個實例帶你解讀TinyVue 組件庫跨框架技術

本文分享自華爲雲社區《6個實例帶你解讀TinyVue 組件庫跨框架技術》，作者： 華爲雲社區精選。 在DTSE Tech Talk 《 手把手教你實現mini版TinyVue組件庫 》的主題直播中，華爲雲前端開發DTSE技術佈道師阿健老師給

原創 2024-04-26 10:33:20

Apache DolphinScheduler 社區 3 月月報

各位熱愛 DolphinScheduler 的小夥伴們，DolphinScheduler 社區月報開始更新啦！這裏將記錄 DolphinScheduler 社區每月的重要更新。 社區爲 DolphinScheduler 3.2.x 版本

原創 2024-04-11 21:18:10

canvas和context的關係 畫布和畫筆的關係

在HTML5中，Canvas是一個圖形繪製區域，它是一個HTML標籤，用於在網頁上動態渲染2D和3D圖形。而Context是Canvas的上下文，它是用於在Canvas上進行繪圖的接口。具體來說，有2D Context和3D Context

原創 2024-03-29 21:24:02

注入js編程應該知道的一些基礎知識，以防混淆造成的錯誤

假設我現在用的是chrome extension的方式注入javascript來控制網頁 ，例如有一個元素，原始的網頁製作者已經給他註冊了各種事件，但是我想得到當這個元素髮生改變 時，會觸發一個我自己能控制的事件，有沒有什麼辦法？ 要在

原創 2024-03-18 22:26:56

GO1.18簡單實現泛型LinkedHashMap

簡單實現 // ListMap.go package main import "container/list" // _listMapKV : 內部list.Element的Value type _listMapKV[K string

原創 2023-10-13 00:00:04

O2OA(翱途)開發平臺 V8.1即將發佈，更安全、更高效、更開放

尊敬的O2OA平臺合作夥伴、用戶以及親愛的開發小夥伴們，平臺新的版本就要發布啦！ 2023年8月的最後一周，我們將迎來O2OA平臺 V8.1的正式發布工作。我們將會用文檔或者視頻的方式詳細來介紹新增的功能和優化的亮點，歡迎大家一起來體驗，也

原創 2023-08-22 22:55:56

xml字符串轉換爲實體類對象(子節點中重複參數(情況一))

String xml = "<itemInfoQueryRequestDown>"                         + "<checkword>校驗字段</checkword>"                       

原創 2023-07-22 01:39:52

xml字符串轉換爲實體類對象(子節點中重複參數(情況二))

String xml = "<itemInfoQueryRequestDown>"                     + "<checkword>校驗字段</checkword>"                     + "<se

原創 2023-07-22 01:39:48

vue element-ui的select下拉加載更多

select下拉加載更多組件 select-scroll.vue <el-select v-model="selected" filterable multiple :filter-method="search" @visible-ch

原創 2023-03-08 10:56:34

vue3 高性能無縫滾動插件的實現

起因 vue3大屏開發過程中，列表長度不定，需要做在滾動顯示的設計，於是乎在npmjs上找到了下載量超高的無縫滾動的插件，集成簡單快捷，體驗也很好，不得不說是一個非常優秀的插件，但其有一個致命的缺陷，就是性能問題，當單個基於element-

原創 2023-03-08 00:33:47

DataGear 製作基於Vue前端框架渲染的數據可視化看板

DataGear 在4.3.0版本新增了dg-dashboard-code特性，並在4.4.0版本進行了改進和增強，結合看板API，可以很方便地製作完全由Vue、React等前端框架渲染的數據可視化看板。 本文基於Vue2、Element

原創 2023-03-03 09:51:01

全棧角度看分頁處理

作者：京東物流 楊攀 分頁是 web application 開發最常見的功能。在使用不同的框架和工具過程中，發現初始行/頁的定義不同，特意整理記錄。從這個技術點去看不同層的實現。以及不同語言實現的對比。 文章會從正常的web 結構分層的

原創 2023-02-13 23:39:56