vue elementUI el-select 绑定问题

Question

这个是编辑页面，每次编辑的时候，给select绑定值的时候，应该怎样绑定，

如果直接这样绑定值

会这样显示， 我觉得应该会自动判断value值，然后显示label啊， 求看看是否是我哪里写的不对。

Answer 1

你试试将 key的值放在 label 里面然后绑定 label, 或者将 item.key 放在标签里面

<template>
  <el-select v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"    // 绑定 item.key  换成 item.label
      :value="item.value">
      <!--或者这样-->
      {{item.key}}
    </el-option>
  </el-select>
</template>

<script>
  export default {
    data() {
      return {
        options: [{
          value: '选项1',
          label: '黄金糕'
        }],
        value: ''
      }
    }
  }
</script>

Answer 2

代码是没有问题，你看看是不是你的参数写错了

Answer 3

兄弟解决了吗？我也得是出现这样的问题，怎么破？

Answer 4

v-model 绑定对象
<el-select v-model="value" placeholder="请选择" value-key="value">

<el-option
  v-for="item in options"
  :key="item.value"
  :label="item.label" 
  :value="item">
</el-option>

</el-select>