在使用 Vue.js 开发网页应用时，`el-select` 是一个非常实用的组件，它可以帮助用户从下拉列表中选择选项。不过有时候，我们需要设置默认选中的值，以提高用户体验。🔍
假设你正在开发一个用户信息编辑页面，其中包含国家选择功能。你可以通过设置 `v-model` 绑定一个默认值来实现这个需求。这样一来，当页面加载时，对应的国家就会被自动选中。🌐
举个例子，如果你希望在页面加载时自动选中 "中国" 这个国家，可以在数据模型中定义一个变量，比如 `selectedCountry`，并将其初始值设为 "中国"。然后，在 `el-select` 组件中绑定这个变量。这样一来，当页面加载时，"中国" 就会被自动选中了。🇨🇳
```html
<script>
export default {
data() {
return {
selectedCountry: '中国'
};
}
};
</script>
```
这样，用户打开页面时，就可以看到默认选中的 "中国" 选项了。👍
el-select Vuejs 前端开发