vue页面Edit页面中 下拉框选项默认展示对应的id

两种下拉框展示数据
1.下拉框使用枚举展示
vue前台页面 下拉框枚举查询 默认展示对应枚举的id而不是数据,请看错误图↓
在这里插入图片描述
错误原因:因为传的数据类型不一致,数据库中是varchar类型,而在前台传的时候是int类型
解决方法:①可以转换类型,int转换为String 或者String转int 这样灵活运用↓
在这里插入图片描述
②在枚举中加上单引号,这样传的就是字符串类型↓
在这里插入图片描述
2、下拉框使用方法展示
vue前台页面 下拉框方法查询 查询表中的数据,写一个方法查询数据列表,取值不展示数据而是展示的对应的id值,错误与 第一种枚举错误图一样
在这里插入图片描述
错误原因:根据orgid查询出另一张表的orgName数据
因为之前写错了,一直写的是orgCode,对应正确是orgId,然后vue就找不到它对应的id所以就匹配不到;

枚举查询下拉框和这个方法查询下拉框在页面中出现的问题是一样的,都是在Edit页面中直接展示默认选中的数据id,不过是两种写法不一样所以解决方式不一样;长个记性。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值