了解 vue 中 select 标签的神奇转换：value 类型变身大揭秘
在 Vue 中，使用<select>标签时，你会发现一个奇怪的现象：modelValue的值，无论最初是数字，都会神奇地转换成字符串。这是怎么回事呢？
其实，Vue 会尽可能保持与 HTML 的兼容性，而 DOM 中的属性都是字符串类型的。因此，当你使用event.target.value获取<select>标签的值时，它只能得到一个字符串。
解决之道：巧用 v-model
为了正确的获取<select>的值，你可以使用v-model指令与this.modelValue配合使用。下面是修改后的代码：
立即学习“前端免费学习笔记（深入）”；
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>这样一来，this.modelValue的值将保留其原始类型，无论是数字还是字符串。
以上就是Vue 中 select 标签的 value 类型为什么总是变成字符串？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
586
