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

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

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

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

该怎么处理这种问题呢?

阅读 2.2k
2 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题