element-UI 的 el-select 组件里,当 v-model 绑定为对象类型,并对其设定默认值
图1从后端获取数据,给select设置默认值,将会发现如下结果
图2为何不是现实下拉类表中的值,原因是:
el-option中的value的值,与v-model中的值,数据类型不一致。我们需要转变值的数据类型
就拿我目前的这个项目为例:
我给el-option中的value的值为string类型,后端给我的值为number类型。所以,我需要进行某一方的类型转换。由于我不想在获取后端值与给v-for的循环列表修改其中的类型,故:
图3我们将得到图4的效果:
图4同样道理:el-checkbox-group,el-radio-group也是一样的
初次写文章,可能语句有些不通。望谅解。后续,我将持续更新自己在编写项目的时候,所出现的一些特殊情况,以及一些个人的经验总结。
网友评论