el-select下拉选择不回显问题和下拉框显示数字问题

在使用Vue开发使用element-ui时，el-select下拉框出现在点击选择的时候数据无法显示的问题。

解决方案：

需要使用forceUpdate强制刷新

在没有绑定事件时直接在change上绑定forceUpdate：

@change="$forceUpdate()"

<el-select 
    v-model="dialogForms.approvalPhase" 
    placeholder="阶段查询" 
    @change="$forceUpdate()">
	  <el-option 
           v-for="item in trainApprovalPhase" 
           :key="item.dictValue" 
           :label="item.dictLabel" 
           :value="item.dictValue">
       </el-option>
</el-select>

el-select值的回显问题：如何使element-ui的下拉框显示label值-CSDN博客https://blog.csdn.net/qq_43779703/article/details/100693565

lunchList: [
    {label: '西北风', value: 1},
    {label: '米饭', value: 2},
    {label: '面条子', value: 3}
]

 写成 value:'1' 就行 或者使用toString()转换成字符串

参考文档

关于el-select值的回显问题 : 框内显示label值还是value值_el-select回显value值-CSDN博客https://blog.csdn.net/qq_45085295/article/details/121272182vue element el-select下拉选择不回显问题_vue数组.filter过滤后导致el-select回显不正确-CSDN博客https://blog.csdn.net/Hello_oll/article/details/112528650