Vue 中 select 标签 value 如何保持原类型？-小浪资源网

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 的类型仍将保持为数字或字符串。

文章版权归作者所有，未经允许请勿转载。【小浪云服务商 - 服务器12元起 - 挂机宝5元起】

THE END