Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] Cascader Component Version 2.9 bug #16085

Closed
linvic opened this issue Jun 17, 2019 · 20 comments
Closed

[Bug Report] Cascader Component Version 2.9 bug #16085

linvic opened this issue Jun 17, 2019 · 20 comments

Comments

@linvic
Copy link

linvic commented Jun 17, 2019

Element UI version

2.9.1

OS/Browsers version

window

Vue version

2.6.10

Reproduction Link

https://codepen.io/anon/pen/YoqxRy

Steps to reproduce

当级联一级和二级值相同时,如 “北京市/北京市” 级联框中显示不了选中值

What is Expected?

应当在级联框中显示选中的值

What is actually happening?

级联框中无值显示,但实际数据值已更改

@element-bot element-bot changed the title [Bug Report] cascader 组件 2.9 版本bug [Bug Report] Cascader Component Version 2.9 bug Jun 17, 2019
@element-bot
Copy link
Member

Translation of this issue:

Element UI version

2.9.1

OS/Browsers version

Window

Vue version

2.6.10

Reproduction Link

Https://codepen.io/anon/pen/YoqxRy

Steps to reproduce

When the cascade level 1 and level 2 values are the same, such as "Beijing/Beijing" cascade box does not show the selected median value.

What is Expected?

The selected value should be displayed in the cascade box

What is actually happening?

No value is displayed in the cascade box, but the actual data value has changed

@zhijunw
Copy link

zhijunw commented Jun 17, 2019

这个要保证 value 值的唯一性 由于你的value值配置的是name 但是你name是一样的 所以会出错

你也可以 props 里面设置 checkStrictly:true 也可以解决

@linvic
Copy link
Author

linvic commented Jun 17, 2019

这个要保证 value 值的唯一性 由于你的value值配置的是name 但是你name是一样的 所以会出错

你也可以 props 里面设置 checkStrictly:true 也可以解决

谢谢,这个在2.8.2版本以下是没有这样的问题的,我想使用 InfiniteScroll 无限滚动组件所以升级了,但是我并不想要checkStrictly:true 的效果,而是希望选中最后一级才显示。

@zhijunw
Copy link

zhijunw commented Jun 17, 2019

这是2.9.1的问题 cascader 默认都是选择了最后一级才显示 在页面上的啊
你也可以 把value 设置成 你optionsData 里面的 唯一性 也可以解决

@linvic
Copy link
Author

linvic commented Jun 17, 2019

这是2.9.1的问题 cascader 默认都是选择了最后一级才显示 在页面上的啊
你也可以 把value 设置成 你optionsData 里面的 唯一性 也可以解决

我明白,但是我需求如此,需要的是name值,如果把 value 设置成 id 也是可以解决这个问题的,那这样我就要遍历原数据去取 name 值了,而且反选的时候同样需要再次遍历查id值,这样麻烦了很多。2.8.2版本以下没有这样的问题,所以我说这是一个bug

@zhijunw
Copy link

zhijunw commented Jun 17, 2019

嗯 这个功能 还不成熟 你可以先不升级

@rehack
Copy link

rehack commented Jun 24, 2019

同样的问题当后端传来的数据格式是下面这种形式的时候(即父级和子级value值有相同的时候,因为父级和子级的value在数据库里是不关联的),2.8.2以上的版本就会有问题,使用checkStrictly:true能解决,但不符合项目需求,除了使用2.8.2没有别的解决办法了,但是使用2.8.2又会有其他bug不能解决,只好升级2.9版本。现在好难受。
options: [ { value: 1, // 部门ID label: '管理部', children: [ { value: 1, // 岗位id label: '系统管理员' } ] }, { value: 2, // 部门ID label: '营销部', children: [ { value: 2, // 岗位id label: '营销部主管' }, { value: 3, // 岗位id label: '营销部业务员' } ] } ]
1DAB3371-336E-4AB7-9B69-4059099D9936

@zhijunw
Copy link

zhijunw commented Jun 25, 2019

可以 试着改 源码 我觉得 下一个版本 应该会解决这方面的问题

@linvic
Copy link
Author

linvic commented Jun 25, 2019

我又发现一个差异,这样的交互并没有2.8版本好

选择多级选项之后 回显仅一级数据时,子集选项没有清空

图一:2.8版本
2-8
图二: 2.9.2版本,交互并不好
2-9

@linvic
Copy link
Author

linvic commented Jun 26, 2019

image
应该是同一个bug导致

@zhangchaoxu
Copy link

发现类似问题,在2.8.2+的版本。
在编辑页面,第一次显示的时候正常显示。
后面再显示的时候,Cascader的值已经选中了,但是一直不显示在框内。

@chenjianan0823
Copy link

我也遇到了类似的问题,不过出现bug的情况不是 (级联一级和二级值相同时,如 “北京市/北京市” ),出现bug的原因很怪异,退回到2.8.2就恢复正常了。

@zakiFaner
Copy link

同感昨天也碰到了这个问题,头皮发麻。。。而且选择的数据跟展示的数据不一致

@luckyCao
Copy link
Contributor

luckyCao commented Jul 5, 2019

#16324

@luckyCao luckyCao closed this as completed Jul 5, 2019
@axhello
Copy link

axhello commented Jul 23, 2019

解决了么?最新版本还有这问题啊!

@rehack
Copy link

rehack commented Jul 23, 2019

解决了么?最新版本还有这问题啊!

这个问题规划到了2.11.0版本去解决了

@zhangchaoxu
Copy link

@Codesboy 请问,2.11.0发布时间有计划吗?

@axhello
Copy link

axhello commented Jul 24, 2019

解决了么?最新版本还有这问题啊!

这个问题规划到了2.11.0版本去解决了

哦 好吧 谢谢了,现在先降到2.8.2去了,等解决了再升级

@rehack
Copy link

rehack commented Jul 24, 2019

@zhangchaoxu 请问,2.11.0发布时间有计划吗?

image

@zhangchaoxu
Copy link

感谢,辛苦 @Codesboy

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

9 participants