Ant-design-vue: sub-menu组件popupClassName属性不生效

Created on 13 Dec 2020  ·  10Comments  ·  Source: vueComponent/ant-design-vue

  • [ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

2.0.0-rc.4

Environment

mac Os BigSur 11.0.1/ chrome 87.0.4280.88(正式版本) (x86_64)/ vue 3.0.4

Reproduction link

Edit on CodeSandbox

Steps to reproduce

sub-menu设置popupClassName后,对应的样式没有生效。

What is expected?

popupClassName能正常生效

What is actually happening?

简单的调试了一下,发现在组件内部,合并后的popupClassName为popupClassName: "ant-menu-dark test-class"
但实际在页面上并没有加载test-class样式。只有ant-menu-dark样式

Most helpful comment

补充:在案例中,拆成单文件后,菜单的展开和收缩时的动画也没有了~

All 10 comments

补充:在案例中,拆成单文件后,菜单的展开和收缩时的动画也没有了~

补充:在案例中,拆成单文件后,菜单的展开和收缩时的动画好也没有了~

确实 拆成单文件后折叠动画没了。我还以为我写错了

补充:在案例中,拆成单文件后,菜单的展开和收缩时的动画好也没有了~

确实 拆成单文件后折叠动画没了。我还以为我写错了

动画的之前有人提过issue,回复说是快重构menu组件了,详见
https://github.com/vueComponent/ant-design-vue/issues/3354

补充:在案例中,拆成单文件后,菜单的展开和收缩时的动画好也没有了~

确实 拆成单文件后折叠动画没了。我还以为我写错了
动画的见这个issue,刚刚过了一次发了有说这个问题。说是快重构了。
https://github.com/vueComponent/ant-design-vue/issues/3354
但神奇的地方在于,为啥我之前用vue rc版本写的好像没有这个问题
可以在这儿看,同样的代码在拿过来就不好使了。诶
https://jiabinbin.github.io/v3-antdv-admin/#/level-a-1-a

我就是回复下点错了点了关闭了, 抱歉

补充:在案例中,拆成单文件后,菜单的展开和收缩时的动画好也没有了~

确实 拆成单文件后折叠动画没了。我还以为我写错了

动画的之前有人提过issue,回复说是快重构menu组件了,详见

3354

动画和这个issue 没关系

动画问题 尝试降级 vue 到 3.0.3 试试

补充:在案例中,拆成单文件后,菜单的展开和收缩时的动画好也没有了~

确实 拆成单文件后折叠动画没了。我还以为我写错了

动画的之前有人提过issue,回复说是快重构menu组件了,详见

3354

动画和这个issue 没关系

动画问题 尝试降级 vue 到 3.0.3 试试

行,我回头试试,哪个sub-menu的popupClassName能麻烦帮忙确认下么?如果确认是我自己的问题我好关下这个issue

image
已经生效,只是background 的权重低了

试试这个

.test-class .ant-menu-sub{
  background: red;
}

image
已经生效,只是background 的权重低了

试试这个

.test-class .ant-menu-sub{
  background: red;
}

可能是单文件的原因,我这边测试还是没有把class渲染到dom上 ( 。问题我先关掉了,我再多看看

我这边也出现了同样的问题,版本是 2.0.0-rc5,看起来是Menu的某个变量丢失了

截屏2020-12-18 下午3 51 44

Was this page helpful?
0 / 5 - 0 ratings