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下面的滑塊會有抖...