解決antd 下拉框 input [defaultValue] 的值的問題
更新時間：2020年10月31日 09:11:15 作者：冉冉升起的富豪
這篇文章主要介紹了解決antd 下拉框 input [defaultValue] 的值的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
項目中有下拉框跟input需要回顯，所以用到defaultValue這個默認值，在后臺調接口調到defaultValue這個值給select設置，但是不好使 解決方法
直接用value 先加載選中的條目再加載默認值 初始的時候選中調模是空所以就會加載默認值 這樣就解決了 但是在選擇下拉的時候 要給scoreFrom值
補充知識：antd Form組件行并列顯示 Form表單屬性為inline時,表單組件寬度問題
formLayout 不起作用
Form標簽 layout屬性設置為'inline' 時 下拉組件寬度沒有自適應:
// 方法1:用Row + Col 定義自己需要的寬度,把layout屬性設置為'horizontal',
const formLayout = {
labelCol: { span: 4 },
wrapperCol: { span: 14 },
}
---------------------------------------------------------
<Form layout="horizontal" {...formLayout }>
<Row>
<Col span={6}>
<Form.Item label="xxx">
<Select>
....
</Select>
</Form.Item>
</Col>
<Col span={6}>
<Form.Item label="xxx">
<Select>
....
</Select>
</Form.Item>
</Col>
</Row>
</Form>
//方法2 給 Form.Item 手動設置寬度
<Form layout="inline" {...formLayout }>
<Form.Item label="xxx" style={{width:'25%'}}> //百分比
<Select>
....
</Select>
</Form.Item>
<Form.Item label="xxx" style={{width:'200px'}}>// 固定寬度
<Select>
....
</Select>
</Form.Item>
</Form>
以上這篇解決antd 下拉框 input [defaultValue] 的值的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue刷新子組件、重置組件以及重新加載子組件項目實戰(zhàn)記錄
在vue開發(fā)中出于各種目的,我們常常需要讓組件重新加載渲染,這篇文章主要給大家介紹了關于vue刷新子組件、重置組件以及重新加載子組件的相關資料,需要的朋友可以參考下2023-12-12
vue+springboot+element+vue-resource實現文件上傳教程
這篇文章主要介紹了vue+springboot+element+vue-resource實現文件上傳教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
這篇文章主要介紹了實現一個VUE響應式屬性裝飾器詳析，文章通過圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-09-09
這篇文章主要介紹了Vue3為什么這么快,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-09-09
這篇文章主要介紹了vue axios封裝以及API統一管理 ,需要的朋友可以參考下2019-04-04
這篇文章主要為大家介紹了Vue3.2?setup語法糖及Hook函數基本使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
解決vue elementUI中table里數字、字母、中文混合排序問題
這篇文章主要介紹了vue elementUI中table里數字、字母、中文混合排序問題,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
使用vue3.0時，因為底層是使用proxy進行代理的所以當我們打印一些值得時候是proxy代理之后的是Proxy<BR>對象，Proxy對象里邊的[[Target]]才是真實的對象，那么如何獲取這個值呢，下面下面給大家介紹兩種方式，感興趣的朋友一起看看吧2023-01-01
這篇文章主要介紹了vue如何使用文件流進行下載(new Blob)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了Vue-element-admin平臺側邊欄收縮控制問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10