element饿了么下拉框el-select选值后,框里不变的问题


今天遇到一个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>

  完美解决


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM