The drop-down box renders numbers instead of the corresponding text. How to deal with it

The front end uses ruoyi , The dictionary stores string Type of , When the field type we set is inconsistent with the dictionary value type, it cannot be rendered correctly . Two solutions ：1 Background processing ： Change the field type to in the background string, The front end normally traverses the value ;2, Front-end processing ： Backstage doesn't change , Is still string type , When traversing the front end, use Number Convert type to .
The page display ：

This should show 1 The resignation of the employee , That is, voluntary resignation , But because the type is inconsistent with the value of the dictionary , As a result, it is not rendered correctly
terms of settlement ：
1: Modify the entity class field in the background as String, Turned out to be Integer type
The front end can correctly render the corresponding Chinese characters

When the drop-down box traverses the value , Direct value

 <el-select v-model="quitForm.departureType" placeholder=" Please select " @change="choose($event)">
                <!--<el-option label=" Take the initiative to leave " value="1"></el-option>
                <el-option label=" Passive resignation " value="2"></el-option>-->
                <el-option
                  v-for="dict in quit"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="dict.dictValue"
                />
</el-select>

2： There is no need to modify the type of background field , Front end use Number Type cast ：

Use Number Transformation types

 <el-select v-model="quitForm.departureType" placeholder=" Please select " @change="choose($event)">
                <!--<el-option label=" Take the initiative to leave " value="1"></el-option>
                <el-option label=" Passive resignation " value="2"></el-option>-->
                <el-option
                  v-for="dict in quit"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="Number(dict.dictValue)"
                />
</el-select>