Ant Design Vue select下拉列表設置默認值


在項目中需要為Ant Design Vue 的 select 組件設置一個默認值,如下圖所示的狀態下拉選擇框,默認選擇全部

代碼如下:

1 <a-select v-model="queryParam.status">
2   <a-select-option :value="0">全部</a-select-option>
3   <a-select-option :value="2">正常</a-select-option>
4   <a-select-option :value="1">禁用</a-select-option>
5 </a-select>

設置 defaultValue 后發現達不到效果,查閱vue官方文檔發現如下圖

因此在 data 中加入初始值后達到所要的效果

queryParam: { status: 0 },

需要注意的是我這里的 status 是int 類型

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM