如果你想在使用 Element UI 的 el-select 组件时默认选中第一个选项,可以使用 v-model 指令来绑定到一个数据属性上,然后将这个属性设置为第一个选项的 value 值。
例如,假设你有一个数据属性 selectedOption,你可以这样绑定它:
<template>
<el-select v-model="selectedOption">
<el-option
v-for="option in options"
:key="option.value"
:label="option.label"
:value="option.value"
></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
selectedOption: '',
options: [
{ value: 'Option 1', label: '选项 1' },
{ value: 'Option 2', label: '选项 2' },
{ value: 'Option 3', label: '选项 3' }
mounted() {
this.selectedOption = this.options[0].value
</script>
在 mounted 钩子函数中,我们将 selectedOption 设置为 options 数组的第一个元素的 value 值。这样,当组件渲染完成之后,el-select 就会被默认选中第一个选项。
注意:如果你在绑定 v-model 时使用了修饰符 .number 或 .trim,那么你需要使用对应的类型来设置 selectedOption 的初始值。例如,如果你使用了 .number 修饰符,那么 selectedOption 就应该设置为数字类型的值。