elementPlus select 组件 change事件校验报错。用的是volar
报错截图
代码
<template>
<el-select
v-model="value"
class="m-2"
placeholder="Select"
size="large"
@change="handleChange"
>
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
const value = ref('');
const handleChange = (val: string) => {
console.log(val);
};
const options = [
{
value: 'Option1',
label: 'Option1',
},
{
value: 'Option2',
label: 'Option2',
},
{
value: 'Option3',
label: 'Option3',
},
{
value: 'Option4',
label: 'Option4',
},
{
value: 'Option5',
label: 'Option5',
},
];
</script>