Ant Design Vue 表單元件未提及的方法

2021-09-12 01:38:00 字數 1340 閱讀 8123

v-decorator="['radio', config.radio]" 所有元素都可以設定,只是會對表單元件會修改其值,config是統一在js中設定

class='ant-advanced-search-form'

@submit="onsubmit"

layout="inline"

:form="form">

:span="12">

label="欄目" >

showsearch

placeholder="選擇欄目"

style="width:150px"

v-decorator="['cannel', config.cannel]">

v-for="item in sm_edit.news.editcannellist"

:key="item.id"

:value="item.id">

}a-select-option>

a-select>

a-form-item>

a-col>

:span="12" >

label="發布時間" >

style="width:150px" @change="onchangedate"

v-decorator="['timepicker', config.timepicker]" />

a-form-item>

a-col>

a-row>

a-form>

複製**

表單校驗格式,validator 最後乙個引數callback必須返回 如果返回內容為空則通過校驗,返回任何內容都不通過校驗

let config=else

} },]}

}複製**

表單預設值設定,校驗,清空,部分未提及api

//設定

this.form.setfieldsvalue();

//校驗所有提交,values如果為null則代表校驗成功

this.form.validatefields((err, values) => {})

//清除預設值,在api中未提及,但是原始碼中有,並親測有效

//一下**在api中均未提及

this.form.resetfields(["config中的key值"])

//更新

this.form.clearfield("清除單個key")

//單個校驗

this.form.validatefieldsinternal("key","校驗",callback)

複製**

ant design vue使用記錄

可能的原因有兩個,一是在表單還未渲染完成就向其傳值,導致報錯。二是利用this.setfieldsvalue value 設定值時傳遞了多餘表單項。解決第一點 使用 this.nexttick 解決第二點 刪除多餘的屬性 由於介面返回的狀態碼不同,需要根據狀態碼提示使用者。這裡用到notificat...

ant design vue專案實戰

一 要求vue cli版本3.0以上,首先公升級至3.0以上,然後vue create antd demo即可 二 專案發布,使用npm run build打包,router去掉history模式,自建vue.config.js檔案,設定如下規則 publicpath 預設 部署應用包時的基本 ur...

ant design vue 問題記錄

解決方法 翻頁change事件獲取了列表之後,手動將scrolltop設為0 async handletablechange pagination 場景為採用tabs切換選擇,但是內容和tabs分離,就是a tab pane標籤內容是空的,切換tabs時如果有進行非同步請求,tabs下面的滑塊會有抖...