关于element-plus中el-menu或者el-menu-item导致无法跳转问题或者无法路由或闪动问题解决方法

原本界面:我出现的点击首页没有跳转,而点击其他的就跳转
关于element-plus中el-menu或者el-menu-item导致无法跳转问题或者无法路由或闪动问题解决方法_第1张图片

原本的代码:
关于element-plus中el-menu或者el-menu-item导致无法跳转问题或者无法路由或闪动问题解决方法_第2张图片
下面展示一些 内联代码片

  <el-menu
                    background-color="#545c64"
                    text-color="#fff"
                    active-text-color="#ffd04b"
            >
                <el-menu-item index="/">
                    <i class="el-icon-s-marketing" style="vertical-align: 0px;"></i> 首页
                </el-menu-item>
            </el-menu>
            <el-col :span="2">
                <el-menu
                        :default-active="this.$route.path"
                        router mode="horizontal"
                        class="el-icon-add-location"
                        @open="handleOpen"
                        @close="handleClose"
                        background-color="#545c64"
                        text-color="#fff"
                        active-text-color="#ffd04b">
                    <el-submenu>
                        <el-menu-item index="/admin/index"><i class="el-icon-s-platform"></i>个人中心</el-menu-item>
                        <el-menu-item index="/tsgadmin/index"><i class="el-icon-s-platform"></i>消息中心</el-menu-item>
                        <el-menu-item index="/user/index"><i class="el-icon-s-platform"></i>退出登陆</el-menu-item>
                    </el-submenu>
                </el-menu>
            </el-col>

解决方法:主要问题是第一个忘记在el-menu没有加入router,正确代码:我这里只截图出错的部分
关于element-plus中el-menu或者el-menu-item导致无法跳转问题或者无法路由或闪动问题解决方法_第3张图片
同时也要注意: ,一定要加上标号index=“1”,否则回会闪动。标号可以1、2…等
关于element-plus中el-menu或者el-menu-item导致无法跳转问题或者无法路由或闪动问题解决方法_第4张图片可以参考另一个博文:链接: https://blog.csdn.net/weixin_42565137/article/details/91909055.

你可能感兴趣的:(idea,vue,javascript,html)