search

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.13k stars 14.64k forks source link

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

Open penjay opened 5 years ago

penjay commented 5 years ago

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 commented 5 years ago

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

OSpoon commented 5 years ago

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

xuxiwei commented 4 years ago

我也是这个问题

hoythan commented 4 years ago

也有这个问题

rrym commented 4 years ago

我也是

cosmosdawn commented 4 years ago

Me too!

zervero commented 4 years ago

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

dengzhiteng commented 4 years ago

我也是

lb1129 commented 4 years ago

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

em2046 commented 4 years ago

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

这个方法可以解决

spencer17x commented 4 years ago

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

em2046 commented 4 years ago

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

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

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

spencer17x commented 4 years ago

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

chan158 commented 3 years ago

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

harris2012 commented 3 years ago

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

chan158 commented 3 years ago

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

Sphinm commented 3 years ago

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

guangze233 commented 2 years ago

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

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

yolofit commented 2 years ago

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

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

trry-hub commented 1 year ago

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

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

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

xiaoy4007 commented 1 year ago

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

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

trry-hub commented 1 year ago

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

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

我上面那种方式实现了

xiaoy4007 commented 1 year ago

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

trry-hub commented 1 year ago

我也是懒加载的

Realybig commented 10 months ago

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

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

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