問題: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>