Vue+ElementUI 中 级联选择器Bug问题

ElementUI中级联出现的小BUG问题

最近在项目中需要用到级联这么个控件,所以便去element上找了个,发现了个问题,在这里跟大家分享下,介于公司项目的隐私性,所以一些文字便给大家打上马赛克了,敬请谅解~

不多说废话,直接上问题:

Vue+ElementUI 中 级联选择器Bug问题_第1张图片
ElemenUI的级联是通过子级字段递归进行显示的,但是假如后端老铁也用了递归写的数据,而递归到最后一个数据集便出现了问题,会出现光有字段,但是却没有数据这么个情况Vue+ElementUI 中 级联选择器Bug问题_第2张图片

这时候就出现了问题:
Vue+ElementUI 中 级联选择器Bug问题_第3张图片

最后一级会多出来一个级联,这种体验便造成了很不好的感觉。

解决办法:
Vue+ElementUI 中 级联选择器Bug问题_第4张图片

将获取这些级联的数据作为参数传到这个递归函数当中,进行从组,假如递归到[ ] 转换为undefined(‘不识别’),这样就解决了这个多一个空级联的问题

你可能感兴趣的:(Vue,ElementUI)