element ui 下拉框选择后绑定值改变,显示不变
element ui 下拉框选择后绑定值改变,显示不变之前在开发的时候遇到的问题,发现下拉框写好之后选择option后绑定值v-model会变化,但是显示的值没有变化,最初以为是少了value-key,加上之后发现并没有解决,后来百度查了一下,得到解决方法,上代码原代码<el-selectv-model="reqData.coupon_code"class="w160"placeholder
·
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>
好记性不如烂笔头,一起努力吧
更多推荐
已为社区贡献1条内容
所有评论(0)