vue el-select option 值为对象时，选择完没有回显值问题

代码如下

var arr = [{"supplierId":"12","supplierName":"张飒"},"supplierId":"13","supplierName":"张飒3"},"supplierId":"14","supplierName":"张飒4"}];

<el-select
                      v-model.trim="selectShow"
                      filterable
                      remote
                      placeholder="请输入xxx"
                      clearable

                       @change="changeSelectName($event)"
                       value-key="supplierId"
                      >
                      <el-option
                        v-for="(item,i) in arr "
                        :key="'supplierName_'+i"
                        :label="item.buyerSupplierName"
                        :value="item"
                         >
                         
                     </el-option>
                    </el-select>

changeSelectName 该方法可以处理选择时要将值具体赋值给谁，

例如：

 changeBuyerSupplierName(v){
        this.form.supplierId = v["supplierId"];
        this.form.supplierName = v["supplierName"];
       

      },

selectShow 这个选完以后是个对象{"supplierId":"12","supplierName":"张飒"} 用于显示option ,此时通过value-key属性比较的。

这样操作以后结果就达到想要的了。

实际效果如下：