找回密码
 立即注册
首页 资源区 代码 vxe-tree-select 树形下拉框当使用懒加载数据时如何回显 ...

vxe-tree-select 树形下拉框当使用懒加载数据时如何回显

寇秀娟 2025-10-1 18:03:32
vxe-tree-select 树形下拉框当使用懒加载数据时如何回显
当使用懒加载或者当某个选项被删除时,显示自定义回显;比如使用懒加载树列表,由于数据未被加载,这时候已选的数据就不能被回显,导致显示了 value值,而不是 label。
还有一种场景就是组织架构人员选择,当选择某个人员后,可能人员变动离职,数据被删掉了,这个时候也无法回显。那么怎么解决以上几种情况,解决方式也很简单
官网:https://vxeui.com
github:https://github.com/x-extends/vxe-pc-ui
gitee:https://gitee.com/x-extends/vxe-pc-ui
问题

无法显示对应的label
1.png

解决效果

比如以下懒加载树选择,所有的子项都没有点击加载,也可以正确回显label
2.png

代码

可以通过设置 lazy-options 来将指定节点放入用来回显,将不存在选项的数据额外放到这里,就可以实现自动回显
  1. <template>
  2.   
  3.     <vxe-tree-select v-model="val1" :options="treeList" :lazy-options="lazyList" :treeConfig="treeConfig" multiple clearable></vxe-tree-select>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-pc-ui

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

相关推荐

您需要登录后才可以回帖 登录 | 立即注册