在日常开发中，我们经常会遇到需要在`el-select`组件中默认选中某个选项的需求。这在许多场景下都非常实用，比如用户登录后直接显示其常用地址或者语言设置等。下面我将介绍如何实现这一功能，并提供一些实用的技巧。

首先，确保你的项目已经安装了Element Plus库。如果还没有安装，可以使用npm或yarn进行安装：

```bash

npm install element-plus

或者

yarn add element-plus

```

接下来，在你的Vue组件中引入`ElSelect`和`ElOption`组件：

```vue

<script setup>

import { ref } from 'vue';

const selectedValue = ref('option1'); // 设置默认选中的值

const options = [

{ value: 'option1', label: '选项1' },

{ value: 'option2', label: '选项2' },

{ value: 'option3', label: '选项3' }

];

</script>

```

通过以上步骤，你就可以实现`el-select`组件的默认选中功能了。希望这个小技巧能帮助你在开发过程中更加得心应手！💪

elementplus vue3 前端开发 代码分享