Vue 中 select 标签 value 如何保持原类型？
vue 中
在 Vue 中使用
解决此问题的方法是使用 v-model 指令，配合模型值 this.modelValue。使用 v-model 后，modelValue 的类型将与 :value 绑定的值保持一致，即使其为数字类型。
<script>
import { ref } from 'vue';
export default {
setup() {
const modelValueRef = ref<number | string | undefined>();
return {
modelValueRef,
};
},
};
</script><template><select v-model="modelValueRef"><option v-for="(item, index) in data" :key="index" :value="item[1]">
{{ item[0] }}
</option></select></template>
通过这种方式，即使在 HTML 的 DOM 结构中 value 类型为字符串，但在 Vue 的响应式系统中，modelValueRef 的类型仍将保持为数字或字符串。