vue antd對表單的簡單封裝

2021-10-11 04:58:35 字數 1331 閱讀 3484

在需求中大量出現表單,每次重寫都有些費時,而且dom會很亂

功能基本類似,接受資料回顯、傳送資料

>

>

:title

="formconfig.name"

:visible

="visible"

@cancel

="visible = false"

@ok="submit()"

width

="600px"

:mask-closable

="false"

:keyboard

="false"

>

:form

="form"

>

v-bind

="layout"

v-for

="(item,index) in formconfig.item"

:key

="index"

:label

="item.namecn"

>

v-decorator

="[item.name, `}]

}]":disabled

="item.disabled"

/>

a-form-item

>

a-form

>

a-modal

>

div>

template

>

>

export

default},

data()

}};}

, methods:

,100);

},submit()

this

.$emit

('submit'

, values);}

);}}

};script

>

<

!-- 運維配置表單 --

>

:form-config=

"peonform"

ref=

"peonform"

@submit=

"submit"

/>

// 可以調整這裡的屬性來進行配置

const

peon_form=[

,,];

data()

}}// 開啟表單

this

.$refs.peonform.

handleopenform

(res.data)

;

jQuery對表單的操作

表單的組成部分 表單標籤 表單域 表單按鈕 分析 1 在表單內class屬性為 required 的文字框是必須填寫的,因此需要將它與其他的非必須填寫表單元素加以區別,即 在文字框後追加乙個紅色的小星星標識。form input.required each function 2 當使用者在 使用者名...

Jquery對表單的常見操作

表單應用 乙個表單有3個基本組成部分 表單標籤 包含處理表單資料應用的伺服器端程式url以及資料提交到後台伺服器的方法 表單域 包含文字框 密碼框 隱藏域 多行文字框 核取方塊 單選框 下拉選擇框和檔案上傳框 表單按鈕 包括提交按鈕 復位按鈕和一般按鈕,用於將資料傳輸到伺服器上或者取消傳送,還可以用...

Django ORM 對表單的操作2

單錶操作 向資料庫的表單中新增內容的兩種方式 def addbook request b book name python基礎 price 99,author yuan pub date 2017 12 12 b.s e 新增內容的方式一 book.objects.create name 老男孩sh...