在使用ElementUI的下拉菜单时遇到一个问题，编辑状态下值不正确显示。原因是后端返回的Number类型（1和0）与前端设置的字符串类型（1和0）不匹配。解决方法是在获取后端数据时，将Number类型转换为字符串类型，如`this.form.state=row.state.toString()`，确保与前端定义的value一致，从而正确显示为是和否。
问题：
在使用ElementUI时，有一个下拉菜单，在编辑的时候，里面的值不能正常显示，具体体现在：下拉框的label为『是』、『否』，值对应为1和0，在编辑时，按理来说弹框上应该显示的是『是』和『否』这两个值之一，但是实际上显示的确实1和0。
知识点：
选择框组件，「label」可以理解为选项的key，「value」可以理解为选项的value，当后端返回来的值和前端设置的value值对应上时，页面上便会展示出对应的label。
问题源头：
后端返回来的是Number类型的数字，而前端选择框那边定义的是字符串类型的，因而就对不上了
解决方法：
用toString方法把后端传过来的「数字类型」的数据转变成「字符串类型」的数据
代码
<el-option label="是" value="1"></el-option> // 可以看出来这边要求的是字符串类型的value
this.form.state = row.state.toString() // 后端返回给前端的数据
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
