zhangyuang / ssr

A most advanced ssr framework support React17/React18/Vue2/Vue3 on Earth that implemented serverless-side render specification.
http://doc.ssr-fc.com/
MIT License
2.62k stars 284 forks source link

antd-vue框架Cascader级联组件不能正常使用 #238

Closed pmh1314 closed 2 years ago

pmh1314 commented 2 years ago

提问前请确认以下几点信息,否则你的问题将不会被解答

详细描述你的问题

使用antd-vue框架里面的Cascader级联组件时,选项列表只有第一个选项旁出现展开箭头,其余选项旁没有展开箭头(正常是所有选项旁都有展开箭头的),且相关展开功能会有问题。 1661482471(1)

我检查自己业务代码,并没有对相关样式做隐藏。查看控制台元素,发现第一个选项下是有生成anticon-right图标的,其余选项没有。 1661482675(1)

我尝试slot自定义展开图标,发现只要是使用标签图标的,均会出现上述现象 <template #expandIcon> 如果是键盘符号,则正常显示 <template #expandIcon> >

然后我自己创建了一个新的vue3干净项目(vue@3.2.3,ant-design-vue@3.2.10),使用antd-vue框架里面的Cascader级联组件,是能正常显示展开符号和使用的。

期望的结果

Cascader级联组件展开符号正常显示且功能正常 image

当前使用的版本

使用midway-vue3-ssr模板 ssr@6.2.31 vue@3.2.3 ant-design-vue@3.2.10

复现仓库地址

你本人对问题可能的原因判断(如果你能大概判断的话)

zhangyuang commented 2 years ago

这是该组件在 vue ssr下自身的 bug,建议提给 ant-design-vue 去修复这个问题。或者用 onlyCsr 让该组件在客户端阶段渲染

pmh1314 commented 2 years ago

试了一下用onlyCsr也不行,我向ant-design-vue提下bug