本文小编为大家详细介绍“html文件的扩展名和类型是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“html文件的扩展名和类型是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习
顺晟科技
2022-10-16 07:23:42
32
采用vue写法利用select取第二个值作为valuemodelValue类型为number|string
const data:[number|string,number|string][]= [[1, '肖明'],['测试', 1],["id", 5]],
<select :value="modelValue" @change="selectHandler($event)">
<option v-for="(item, index) in data" :key="item[0]" :value="item[1]">
{{ item[0] }}
</option>
</select>
js
const selectHandler = (e: Event) => {
const val = (e.target as HTMLSelectElement).value //问题:不能获取到正确类型?
//emits('update:modelValue', val)
}
一楼大哥详解可以!!
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>
你用 event.target.value
取到的当然是字符。因为 Vue 会尽量保持 HTML 兼容性,而 DOM 里的属性都是字符类型。
这种时候直接用 v-model
配合 this.modelValue
就好。
19
2022-10
16
2022-10
25
2022-09
16
2022-09
15
2022-09
15
2022-09