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

vue select组件默认值

Vue Select组件是一种基于HTML的选择框组件，它可以提供更丰富的选

项和更好的用户体验。在Vue中，我们可以使用`v-model`或者`@change`事

件来绑定选择框的值，但是如何设置默认值呢？

Vue Select组件的默认值可以通过`default-value`属性来设置，例如：

```html

```

在这个例子中，我们设置了`default-value`为`option1`，这意味着当页面

加载时，选择框的值将会是`option1`。

但是，如果我们想要在某个时刻修改默认值，应该如何做呢？我们可以使

用`$set`方法来修改数据对象的属性，例如：

```javascript

this.$set("selectedValue", "option2");

```

这将把选择框的默认值修改为`option2`。

下面是一个完整的实例：

```html

```

在这个例子中，我们添加了一个按钮，当点击按钮时，会选择`option2`作

为默认值。这展示了如何在Vue Select组件中设置和修改默认值。

总之，在Vue Select组件中设置默认值是非常简单的，我们只需要在组件

上添加`default-value`属性即可。同时，我们也可以在需要的时候，使用`$set`

方法来修改默认值。