作者在开发过程中遇到Vueselect组件的值类型不匹配问题，value应为Long类型但被误绑为String，导致讲师ID显示错误。文章提醒初学者注意Vue组件中的value、key和label概念，以及类型转换的重要性。
java学到现在踩的坑不计其数但今天这个属实气笑了所以怒而：
vue-select类型敏感
最近在写祖传项目谷粒学院，做到课程管理的数据回显模块发现课程讲师没有正常回显value值而是直接显示了id。
已知teacherList来自teacher表对应的vo返回，而数据绑定的teacherList自course表中的teacherId返回，所以在确认teacherList非空后排查数据库发现SelectAllTeacher方法中返回的teacher的id是long类型而course表中的teacherId是String类型。所以直接将value强转成了String类型和model进行匹配后问题解决
一些碎碎念：其实初步检查时有考虑过类型的问题但由于对vue了解为0所以强转了key（抱歉），后来查阅时发现key代表element的唯一值，label表示显示内容，value才是和model进行绑定的。目前对java还是入门外水平所以这篇文章可能有很多措辞上的不准确但还是希望能给初学者帮上一些小忙＞＜
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
