问题:ElementUI下拉框el-select选值后,框里值不变
解决:在@change事件中,使用:$forceUpdate(),在el-select值改变的时候执行刷新组件
// 解决方案:
<el-select
v-model="value"
placeholder="请选择"
@change="$forceUpdate()" // 这句是重点
>
完整例子:
<template>
<el-select v-model="value" placeholder="请选择" @change="$forceUpdate()">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
options: [{
value: '1',
label: 'test1'
}, {
value: '2',
label: 'test2'
}],
value: ''
}
}
}
</script>