elementui 组件 select 已选中项如何脱离 备选 options?
使用elementui需要用到select组件的远程搜索,绑定的是一个对象(用户),属性大概如下:
UserId、UserName,DeptName
选中后,选中label显示 UserName(DeptName)。
现在有一个问题,当编辑一个页面,页面有这个属性时,select组件显示的都是 UserId,因为 当前 select 的 options 为空。
该怎么处理这种问题呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
打开编辑的时候,用这个编辑时显示的UserId来触发一次select组件的远程搜索,搜索结果作为编辑页的当前 select 的 options 就行了。
两个方案:
1.option 的 label 和 key 都是 username,至于名字重复的问题,应该后台在 label内已处理好后传过来,否则在正常远程搜索后,也会在下拉框内出现两个一样的 username ,也没办法区分
2.在编辑时,加一个api,编辑模式下,获取到 uerid 后,就自动请求有这个id的option,赋值给options