Skip to content

[Cascader 级联选择器] 显示异常:当在级联搜索框输入内容并从搜索结果中选中选项后,点击右侧清空图标。再次打开选择面板时,仍维持搜索交互形态,未恢复常规级联选择视图。 #3695

@xuhaibo123

Description

@xuhaibo123

tdesign-vue 版本

1.13.0

重现链接

官网案例就能重现:https://tdesign.tencent.com/vue/components/cascader

重现步骤

  1. 先清空联级选择器所有选项
  2. 输入搜索词,选中搜索项
  3. 点击空白处,让选择面板关闭
  4. 点击右侧清空图标按钮,清空所有选项
  5. 再次点击联级选择器,这个时候选择面板显示还是正常的,然后重复一次上面步骤,输入搜索词,然后选中选项,关闭选择面板,点击右侧清空图标按钮
  6. 再次点击联级选择器就发现回显不正常,选择面板中显示仍然的是上次搜索结果。

重现录屏:https://github.com/xuhaibo123/xuhaibo123/blob/main/demo.gif

期望结果

联级选择器中搜索词为空,就正常显示第一级所有选项。

实际结果

No response

框架版本

No response

浏览器版本

版本 139.0.7258.139(正式版本) (64 位)

系统版本

win11

Node版本

No response

补充说明

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions