背景：

在使用element組件的時候，我們期望默認選中第一個數值。這里我們默認下拉列表綁定的lable是中文文字，value綁定的是數值。

效果展示：

核心代碼：

<template><el-select v-model="selectValue" placeholder="請選擇" style="width: 240px"><el-optionv-for="item in options":key="item.value":label="item.label":value="item.value"/></el-select>
</template><script lang="ts" setup>
import { onMounted, ref } from 'vue'const selectValue = ref('')const options = [{value: 'Option1',label: '選項1',},{value: 'Option2',label: '選項2',},{value: 'Option3',label: '選項3',},{value: 'Option4',label: '選項4',},{value: 'Option5',label: '選項5',},
]
onMounted(() => {selectValue.value = options[0].value  //默認第一個
})
</script>