Closed pmh1314 closed 2 years ago
提问前请确认以下几点信息,否则你的问题将不会被解答
使用antd-vue框架里面的Cascader级联组件时,选项列表只有第一个选项旁出现展开箭头,其余选项旁没有展开箭头(正常是所有选项旁都有展开箭头的),且相关展开功能会有问题。
我检查自己业务代码,并没有对相关样式做隐藏。查看控制台元素,发现第一个选项下是有生成anticon-right图标的,其余选项没有。
我尝试slot自定义展开图标,发现只要是使用标签图标的,均会出现上述现象 <template #expandIcon> 如果是键盘符号,则正常显示 <template #expandIcon> >
然后我自己创建了一个新的vue3干净项目(vue@3.2.3,ant-design-vue@3.2.10),使用antd-vue框架里面的Cascader级联组件,是能正常显示展开符号和使用的。
Cascader级联组件展开符号正常显示且功能正常
使用midway-vue3-ssr模板 ssr@6.2.31 vue@3.2.3 ant-design-vue@3.2.10
这是该组件在 vue ssr下自身的 bug,建议提给 ant-design-vue 去修复这个问题。或者用 onlyCsr 让该组件在客户端阶段渲染
ant-design-vue
试了一下用onlyCsr也不行,我向ant-design-vue提下bug
提问前请确认以下几点信息,否则你的问题将不会被解答
详细描述你的问题
使用antd-vue框架里面的Cascader级联组件时,选项列表只有第一个选项旁出现展开箭头,其余选项旁没有展开箭头(正常是所有选项旁都有展开箭头的),且相关展开功能会有问题。
我检查自己业务代码,并没有对相关样式做隐藏。查看控制台元素,发现第一个选项下是有生成anticon-right图标的,其余选项没有。
我尝试slot自定义展开图标,发现只要是使用标签图标的,均会出现上述现象 <template #expandIcon>
如果是键盘符号,则正常显示
<template #expandIcon>
>
然后我自己创建了一个新的vue3干净项目(vue@3.2.3,ant-design-vue@3.2.10),使用antd-vue框架里面的Cascader级联组件,是能正常显示展开符号和使用的。
期望的结果
Cascader级联组件展开符号正常显示且功能正常
当前使用的版本
使用midway-vue3-ssr模板 ssr@6.2.31 vue@3.2.3 ant-design-vue@3.2.10
复现仓库地址
你本人对问题可能的原因判断(如果你能大概判断的话)