element-ui框架Select选择器设置值跟选中值不一样的问题

比如：

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，比如如下代码

<el-button type="primary" @click="test1='2'">test</el-button>