首页 > 技术文章 > element饿了么下拉框el-select选值后,框里不变的问题

bobo1 2020-05-11 17:30 原文

今天遇到一个bug,下拉框怎么点都改变不了,代码如下

<el-form-item label="坑位:">
   <el-select v-model="form.pitSeq" placeholder="请选择">
      <el-option v-for="(v, i) in $store.state.fixed.pitSeq" :key="i" :label="v.label" :value="v.value"></el-option>
   </el-select>
</el-form-item>

  但是我把form.pitSeq打印出来其实值已经变了

最后用了vue的刷新组件的方法解决了:$forceUpdate(),在el-select改变的方法执行刷新,代码如下

<el-form-item label="坑位:">
  <el-select v-model="form.pitSeq" placeholder="请选择" @change="$forceUpdate()">
     <el-option v-for="(v, i) in $store.state.fixed.pitSeq" :key="i" :label="v.label" :value="v.value"></el-option>
  </el-select>
</el-form-item>

  完美解决

推荐阅读