作为一个前端小白,今天遇到一个vue下拉框回显问题,可以看到回显为数字,而不是对应的文字,就很纠结。然后通过网上查询加上自己尝试发现,因为自己是取字典表数据下拉,字典表里面是string类型,而我自己将字段定义为int类型,导致出现此类问题。
有两种方式解决:
1.将实体里面定义的那个字段改为string型。
2.将value的值用Number包起来,即
<el-option
v-for="dict in statusOptions"
:key="dict.dictValue"
:label="dict.dictLabel"
:value="Number(dict.dictValue)"
<el-table-column label="评估等级" width="150">
<template slot-scope="scope">
<span>{{ getDictLabel(level_map, scope.row.recommendRecordLevel) }}</span>
</template>
</el-table-column&g...
label class="col-sm-2 control-label">回显数据字典值:</label>
<div class="form-control-static" th:text="${@dict.getLabel('sys_normal_disable', status)}">
th:text="${@dict.getLabel('sys_