城建实习遇到的一些问题【1】

问题：

在使用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() // 后端返回给前端的数据