在項目中需要為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 類型