el-select选完后只在数据库存储了value也就是只有数字,然后在其他界面要调用这个字段就也只显示数字了咋办,怎么显示值啊
要保证 options中的value 和你回显的value 是同一个数据类型
如果你options中的value为number类型,数据库返回的也应该为number类型
**
模板:
<div class="group-brank">
<label class="col-30"><span style='color:red'>*</span>难度系数</label>
<template>
<el-select v-model="difficulty" placeholder="请选择" style="border-left: 0">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
数据:
data(){
return {
options:[{
value:'1',
label:'入门'
},{
value:'2',
label:'进阶'
},{
value:'3',
label:'高级'
}],
difficulty:'',
}
}
效果: