Vue 中 select 标签的 value 类型为什么总是变成字符串?

Vue 中 select 标签的 value 类型为什么总是变成字符串?

了解 vue select 标签的神奇转换:value 类型变身大揭秘

Vue 中,使用

其实,Vue 会尽可能保持与 HTML 的兼容性,而 DOM 中的属性都是字符串类型的。因此,当你使用event.target.value获取

解决之道:巧用 v-model

为了正确的获取

const modelValueRef = ref<number string undefined>()

<select v-model="modelValueRef"><option v-for="(item, index) in enumStrsList" :key="index" :value="item[1]">
    {{ item[0] }}
  </option></select></number>

这样一来,this.modelValue的值将保留其原始类型,无论是数字还是字符串。

以上就是Vue select 标签的 value 类型为什么总是变成字符串?的详细内容,更多请关注其它相关文章!