2024年4月16日发(作者：)

antd vue select 默认值

Ant Design Vue 是一个前端 UI 框架，是 Ant Design 在 Vue 中的实现，它提供了

一系列的组件，包括 Select。

Select 组件可以让用户从列表中选择或搜索选项，同时也支持设置默认值，而默认

值可以是一个字符串或一个数组。但默认值的显示可能是英文，这篇文章主要介绍如何设

置 Select 默认值的显示为中文。

首先，我们需要在 Select 组件中设置默认值。可以通过设置 value 属性来设置默

认值。当设置为单选时，value 属性为一个字符串；当设置为多选时，value 属性为一个

数组。

```html

```

上述代码中，我们设置了默认选中的值为 "1"。

在 Ant Design Vue 中，Select 组件有一个 labelInValue 属性，默认值为 false，

当设置为 true 时，Select 的 value 属性会变成一个对象，包含 label 和 value 两个

属性。设置 labelInValue 为 true 后，我们就可以通过 label 来设置默认值的显示。

上述代码中，我们设置了默认选中的值为 { label: "选项1", value: "1" }，这样就

可以在界面上显示中文了。

如果是多选的情况，需要将 value 属性改为数组，同时也需要将 selectedValue 改

为一个包含多个对象的数组。