element-ui 使用 Select 組件給 value 屬性綁定對象類型

問題描述：當 value 屬性綁定的是對象類型時，回顯數據是，下拉框選項都是高亮選擇樣式，同時切換選項時，綁定的 v-model 視圖沒有對應改變。

1.value 綁定的是對象時，在 el-select 添加 value-key="id"屬性，el-option中添加 :key="item.id" 屬性，其綁定的 id 必須具有唯一性。

2.value-key 的值與 key 綁定的屬性值對應。

<el-form-item
  label="貨物信息"
  prop="goodsInfo"
>
  <el-select
    v-model="baseForm.goodsInfo"
    placeholder="請選擇"
    value-key="itemName"
    @change="changeGoodsInfo"
  >
    <el-option
      v-for="item in goodsCategoryData"
      :key="item.itemName"
      :label="item.itemName"
      :value="item"
    />
  </el-select>
</el-form-item>

我們如何強制更新視圖呢？下拉選擇中添加 change 事件獲取選中值，使用 Vue 2.x 版本的  vm.$set 進行更新視圖。

changeGoodsInfo (value) {
    this.$set(this.baseForm, 'goodsInfo', value)
}