你这种情况,应该作为两个菜单实例来实现,例如可以给el-menu加上key。 Element Plus Playground 我是从element-ui2.15.7升级到element-plus2.2.34,自己实现了一个菜单搜索功能,裁剪菜单,并通过修改default-openeds的值可以自动展开搜索到的子菜单(如图1),但是在升级到element-plus以后,就像你说的一样,只在初始化的...
然后在这里根据这个属性值来动态的添加样式,进行折叠展开操作,这些都不是重点,重点就在于这个bug,下面让我来展示一下这个bug: 可以明显发现其中的bug,这导致使用体验极差,作为前端开发,我们绝对不允许有这样的情况出现,于是我上网查阅资料,说来奇怪,起初我在网上找到的答案基本都是让我更改一下el-menu中的属性,但是...
el-menu点击两下才收起或展开 default-openeds和default-active尽量不要同时存在,删掉default-openeds即可
官网的折叠展开图标 要实现的: 思路: 1、首先替换折叠展开图标 2、使用right复制,把图标移动到需要展示的地方 .el-submenu__title { .el-submenu__icon-arrow { right: 220px; margin-top: -5px; } .el-icon-a
原因是index的属性值是定义组件时必须传入的。同时组件的@select也需要用到这个index 问题二 点击只有一级菜单时不自动合上其他已经展开的菜单 效果图 想要解决这个问题,就要用到组件提供的另外一个事件,@select事件,代码图如下 附带打印select回调函数接收的参数...
试了default-active属性,感觉这个不能实现,如图,默认展开就OK了 已经找到解决办法了, :default-openeds="['0']"就搞定了
在elementui中,el-menu的折叠和展开动画是通过Vue的transition组件实现的。通过transition组件的name属性和CSS过渡类名实现动画效果,同时结合el-menu的collapse-transition属性来触发动画。具体实现方法可参考elementui官方文档或相关教程。通过设置不同的过渡类名和CSS属性,可以实现不同的折叠和展开动画效果。例如,可以设置op...
综上所述,报错的原因可能是参数传递方式错误、参数命名错误、参数类型不匹配、路由配置错误或数据加载错误。在排除这些可能的原因后,可以找到造成报错的真正原因,并采取相应的解决方案。 3.结论 3.1解决方案 在解决el-menu跳转子路由携带参数报错的问题时,我们可以采用以下方法: 第一步,确认使用的el-menu组件已经正确...
应利用组件提供的“@select”事件，代码如下，并附带打印“select”回调函数接收的参数。至此，通过实践与总结，我们解决了使用elementUI过程中遇到的两个问题，即el-submenu的“index”属性必须添加，以及点击一级菜单时自动收起其他展开菜单的问题。通过不断尝试和学习，我们能够更好地掌握并应用UI框架。