一般情况下,下拉框中的值会以数字的格式向后台传参,可是获取绑定的值的时候,总是提出来的字符串,如何解决呢?
解决办法:将 v-model 绑定的 selectValue 的类型和 :value 的值类型相同,才能取出其中的为数字类型的 value
如下:
<template>
<el-select v-model="selectValue" placeholder="请选择">
<el-option
v-for="item in selectArr"
:key="item.id"
:label="item.name"
:value="item.id"> // 此时绑定的值为数字类型
</el-option>
</el-select>
</template>
export default {
data () {
return {
selectValue:1, // 此时定义的值也为数字类型
selectArr: [
{name: ''xiaoming', id: 1},
{name: ''xiaofang', id: 2},
{name: ''xiaohong', id: 3},
]
}
}
}