背景:
在使用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>