elementui 组件 select 已选中项如何脱离 备选 options?

发布于 2022-09-12 04:44:50 字数 221 浏览 14 评论 0

使用elementui需要用到select组件的远程搜索,绑定的是一个对象(用户),属性大概如下:
UserId、UserName,DeptName

选中后,选中label显示 UserName(DeptName)。

现在有一个问题,当编辑一个页面,页面有这个属性时,select组件显示的都是 UserId,因为 当前 select 的 options 为空。

该怎么处理这种问题呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

白日梦 2022-09-19 04:44:50

打开编辑的时候,用这个编辑时显示的UserId来触发一次select组件的远程搜索,搜索结果作为编辑页的当前 select 的 options 就行了。

微凉徒眸意 2022-09-19 04:44:50

两个方案:
1.option 的 label 和 key 都是 username,至于名字重复的问题,应该后台在 label内已处理好后传过来,否则在正常远程搜索后,也会在下拉框内出现两个一样的 username ,也没办法区分

2.在编辑时,加一个api,编辑模式下,获取到 uerid 后,就自动请求有这个id的option,赋值给options

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文