Element UI中的el-select默认选不中的问题解决
在使用element-ui框架时,一个小细节会导致el-select设置了默认值后显示不出来,原因是(组件的value一定要定义为字符串类型,如果是int类型就会默认选不中)。
正确的代码如下:首先定义组件el-select和数据数组
<el-select v-model="form.unit" placeholder="选择单位">
<el-option
v-for="(item,index) in unitList"
:key="index"
:label="item.unit_name"
:value="item.unit_id">
</el-option>
</el-select>
unitList:[{
unit_id :'1',
unit_name:'水晶'
},{
unit_id :'2',
unit_name:'元'
},{
unit_id :'3',
unit_name:'万'
},{
unit_id :'4',
unit_name:'元/月'
},{
unit_id :'5',
unit_name:'元/㎡'
}],
错误的代码是:(unit_id一定要定义为字符串类型,如果是int类型就会默认选不中)
unitList:[{
unit_id :1,
unit_name:'水晶'
},{
unit_id :2,
unit_name:'元'
},{
unit_id :3,
unit_name:'万'
},{
unit_id :4,
unit_name:'元/月'
},{
unit_id :5,
unit_name:'元/㎡'
}],
本站内容来源于作者发布和网络转载,如有版权相关问题请及时与我们取得联系,我们将立即删除。