elementui中element select和option,当value为对象,回显错误?

Question

因为要求将label的字符传递给接口,所以value只能写成对象的形式,v-model如果也要绑定成对象该怎么做啊
页面:

js部分:

效果图:选中的时候没什么问题

但是回显的时候出现了问题:

Answer 1

v-model的值和value对应不上导致了这个问题。
你打印出来检查一下，如果能对应上，是不会有问题的。

<template>
  <el-card>
    <el-select
      v-model="value"
      placeholder="请选择"
    >
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item"
      >
      </el-option>
    </el-select>
  </el-card>
</template>

<script>
  import { ref } from 'vue'

  export default {
    setup() {
      const options = [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }]
      const value = ref({})

      return {
        options,
        value
      }
    }
  }
</script>