element icon indicating copy to clipboard operation
element copied to clipboard

Published 20 hours ago • verified publisher icon ElemeFE

[Bug Report] el-cascader 使用 lazyload 模式，multiple="true"时，设置value无效

Open penjay opened this issue 5 years ago • 25 comments

Element UI version

2.12.0

OS/Browsers version

OSX

Vue version

2.6.10

Reproduction Link

https://jsfiddle.net/ew4u7zt3/4/

Steps to reproduce

el-cascader使用 lazyload 模式， multiple="true"时，设置value无效

What is Expected?

与单选时行为一致，可以设置[[1,2,3], [1,2,4]......]

What is actually happening?

没有反应

penjay avatar Sep 05 '19 09:09 penjay

另外，从10 - 12.0 已经3个版本了，cascader的lazyload默认值设置还是没有弄好吗？😒

penjay avatar Sep 05 '19 13:09 penjay

我也遇到了这个问题,没有思路解决,请教大家指导一下

OSpoon avatar Oct 09 '19 09:10 OSpoon

我也是这个问题

xuxiwei avatar Dec 19 '19 10:12 xuxiwei

也有这个问题

hoythan avatar Jan 07 '20 07:01 hoythan

我也是

rrym avatar Apr 25 '20 04:04 rrym

Me too!

cosmosdawn avatar Apr 30 '20 09:04 cosmosdawn

大神们，这问题什么时候可以解决

zervero avatar May 08 '20 07:05 zervero

我也是

dengzhiteng avatar May 09 '20 12:05 dengzhiteng

试下 this.$refs.cascader.panel.initStore() ？

lb1129 avatar May 11 '20 07:05 lb1129

试下 this.$refs.cascader.panel.initStore() ？

这个方法可以解决

em2046 avatar Jul 10 '20 06:07 em2046

@leiboT @em2046 请问initStore咋使用？可以展示默认值吗？为啥我试了不可以？救急！

spencer17x avatar Sep 25 '20 07:09 spencer17x

@leiboT @em2046 请问initStore咋使用？可以展示默认值吗？为啥我试了不可以？救急！

我这边项目可以的，先对组件的v-model赋值，然后调用 this.$refs['el-cascader组件的ref值'].panel.initStore() 不行的话试试放$nextTick里面

如果是弹窗中使用好像需要给弹窗添加destroy-on-close属性

em2046 avatar Sep 25 '20 10:09 em2046

@em2046 好的，多谢，我再试试

spencer17x avatar Sep 25 '20 11:09 spencer17x

各位大神，现在级联多选回显的问题有解决方案吗？

chan158 avatar Dec 31 '20 07:12 chan158

2.14.1版本，Bug依然存在，我也遇到了这个问题

harris2012 avatar Jan 11 '21 07:01 harris2012

可以使用options的属性，根据多选的默认值将options的值拼接起来，这样是可以正常回显的，但是期待更好的方法 CodePen Home element 级联多选懒加载回显

chan158 avatar Jan 13 '21 03:01 chan158

我是在 mounted 阶段设置 this.$refs.cascader.inputValue = this.initOptions.value.toString().split(',').join('/')

Sphinm avatar Sep 04 '21 03:09 Sphinm

可以使用options的属性，根据多选的默认值将options的值拼接起来，这样是可以正常回显的，但是期待更好的方法 CodePen Home element 级联多选懒加载回显

回显成功，再选择时级联菜单重复加载

guangze233 avatar Nov 30 '21 15:11 guangze233

props.lazy=false时支持回填，利用此特性实现了一个

https://codepen.io/yoloooooh/pen/bGvNqzj

yolofit avatar Jun 30 '22 09:06 yolofit

props.lazy=false时支持回填，利用此特性实现了一个

https://codepen.io/yoloooooh/pen/bGvNqzj

按照这个思路实现了回显，🐂

trry-hub avatar Feb 24 '23 06:02 trry-hub

我是在 mounted 阶段设置 this.$refs.cascader.inputValue = this.initOptions.value.toString().split(',').join('/')

这样虽然可以展示出来，但是级联面板上的不会联动展示

xiaoy4007 avatar Jul 14 '23 07:07 xiaoy4007

我是在 mounted 阶段设置 this.$refs.cascader.inputValue = this.initOptions.value.toString().split(',').join('/')

这样虽然可以展示出来，但是级联面板上的不会联动展示

我上面那种方式实现了

trry-hub avatar Jul 14 '23 07:07 trry-hub

我的是懒加载生成节点的，你的那种方式应该不适用我的

xiaoy4007 avatar Jul 14 '23 07:07 xiaoy4007

我也是懒加载的

trry-hub avatar Jul 14 '23 08:07 trry-hub

props.lazy=false时支持回填，利用此特性实现了一个

https://codepen.io/yoloooooh/pen/bGvNqzj

这个需要options数据一次性返回吧，如果不是还需要组装的步骤，实践起来比这个麻烦的多T_T

Realybig avatar Jan 23 '24 17:01 Realybig