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>
完美解决