在項目中需要為Ant Design Vue 的 select 組件設(shè)置一個默認值，如下圖所示的狀態(tài)下拉選擇框，默認選擇全部

代碼如下:

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>

設(shè)置 defaultValue 后發(fā)現(xiàn)達不到效果，查閱vue官方文檔發(fā)現(xiàn)如下圖

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

queryParam: { status: 0 },

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/dang-/p/11429557.html

總結(jié)

以上是生活随笔為你收集整理的Ant Design Vue select下拉列表设置默认值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。