element ui 下拉框选择后绑定值改变，显示不变

element ui 下拉框选择后绑定值改变，显示不变

之前在开发的时候遇到的问题，发现下拉框写好之后选择option后绑定值v-model会变化，但是显示的值没有变化，最初以为是少了value-key，加上之后发现并没有解决，后来百度查了一下，得到解决方法，上代码

原代码

<el-select 
  v-model="reqData.coupon_code" 
  class="w160"
  placeholder="请选择订单类型"
  size="small">
  <el-option
  v-for="(item,index) in orderList"
  :key="index"
  :label="item.name"
  :value="item.id">
  </el-option>
</el-select>

在el-select上加上 @change="$forceUpdate()" 即可，值变化有强制刷新

<el-select 
  v-model="reqData.coupon_code" 
  class="w160"
  @change="$forceUpdate()"
  placeholder="请选择订单类型"
  size="small">
  <el-option
  v-for="(item,index) in orderList"
  :key="index"
  :label="item.name"
  :value="item.id">
  </el-option>
</el-select>

好记性不如烂笔头，一起努力吧