比如:
data() {
return {
test1:'',
cities: [{"id":1,"mixAccountNumber":"001","region":"ALL"},
{"id":2,"mixAccountNumber":"002","region":"ALL"}],
}
}
界面如下:
<el-select v-model="test1" placeholder="请选择">
<el-option
v-for="item in cities"
:key="item.id"
:label="item.mixAccountNumber"
:value="item.id">
</el-option>
</el-select>
那么样式肯定是这样的(如下图),选择的时候肯定是001跟002,而真正到后台的值是1或者2
那么保存这条数据的时候肯定没问题,但是当我们需要update操作的时候,肯定要手动赋值,然后处理不好内容变成了1或者2,不是001或002,比