element ui selsect值北京,内蒙,上海,深圳转换成0,1,2,3后传到input
时间: 2024-05-03 20:18:55 浏览: 52
可以通过以下代码将选中的值转换为对应的数字,然后再将数字传递给 input 组件:
```
<template>
<div>
<el-select v-model="selected" @change="handleChange">
<el-option label="北京" value="0"></el-option>
<el-option label="内蒙" value="1"></el-option>
<el-option label="上海" value="2"></el-option>
<el-option label="深圳" value="3"></el-option>
</el-select>
<el-input v-model="selectedValue"></el-input>
</div>
</template>
<script>
export default {
data() {
return {
selected: '',
selectedValue: ''
}
},
methods: {
handleChange() {
// 将选中的值转换为数字
switch (this.selected) {
case '北京':
this.selectedValue = '0'
break
case '内蒙':
this.selectedValue = '1'
break
case '上海':
this.selectedValue = '2'
break
case '深圳':
this.selectedValue = '3'
break
default:
this.selectedValue = ''
}
}
}
}
</script>
```
在上面的代码中,el-select 组件绑定了 selected 变量,el-input 组件绑定了 selectedValue 变量。当用户选择了 el-select 组件的值并触发了 change 事件时,handleChange 方法会将选中的值转换为数字,并将数字赋值给 selectedValue 变量。用户输入时,selectedValue 变量的值会同步到 el-input 组件中。
阅读全文