element中el-select、el-radio-group、el-checkbox-group所显示的值不正确?不是默认值?

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也是一样的

初次写文章,可能语句有些不通。望谅解。后续,我将持续更新自己在编写项目的时候,所出现的一些特殊情况,以及一些个人的经验总结。

你可能感兴趣的:(element中el-select、el-radio-group、el-checkbox-group所显示的值不正确?不是默认值?)