el-select绑定值为对象

    <el-select v-model="formData.type"
               value-key="code"
               placeholder="请选择">
      <el-option v-for="item in list"
                 :key="item.code"
                 :label="item.name"
                 :value="item"></el-option>
    </el-select>


      list: [
        {
          code: "40",
          name: "类型1",
        },
        {
          code: "50",
          name: "类型2",
        },
        {
          code: "60",
          name: "类型3",
        }
      ],
      formData: {
        type: {
          code: "60",
          name: "类型3",
        }
      }

• 当我们使用 Elemet UI 的选择组件进行多选时，Select 组件的绑定值是一个数组，但是数组的值只能传入 Number 类型或者 String 类型的数据，如果我们想向其中传入一个对象就会出错，比如：

  
  image.png

• 我们可以发现其为缺少一个索引，翻查 elemnet-ui 的文档，可以查阅到 Select 组件有一个属性：

  
  image.png
• 那么，我们可以为其添加一个索引的属性，这个 value-key 即为我们绑定对象的唯一标识符，如在上述的例子中，这个标识符为 code