当前位置: 首页> 文旅> 旅游 > 网站建设教程ppt_泊头做网站找哪家好_google关键词搜索量_百度商店应用市场

网站建设教程ppt_泊头做网站找哪家好_google关键词搜索量_百度商店应用市场

时间:2025/7/14 15:45:26来源:https://blog.csdn.net/2302_80412007/article/details/143722226 浏览次数:2次
网站建设教程ppt_泊头做网站找哪家好_google关键词搜索量_百度商店应用市场

遇到的问题:

在实现侧边栏的时候,点击一级导航的时候只是打开了二级导航,并没有跳转到二级导航里面,如图

在这里插入图片描述

这里我想到的方法是给一级导航商品管理点击事件,手动跳转一级导航下的第一个二级导航,而出现了另外一个问题,就是在点击二级导航的其他元素是都会被点击事件重定向到第一个商品列表页面,因为二级导航也属于一级导航的内容。

最终解决方案,在商品管理的span标签上绑定点击事件并使用.stop修饰符阻止默认事件

<el-sub-menu index="/goods/list"><template #title><el-icon style="color: aliceblue"><span class="iconfont icon-shangpin"></span></el-icon><span style="color: aliceblue" @click.stop="handleGoods">商品管理</span></template><el-menu-item index="/goods/list">商品列表</el-menu-item><el-menu-item index="/goods/add">商品添加</el-menu-item><el-menu-item index="/goods/category">商品分类</el-menu-item>
</el-sub-menu>

这样就可以丝滑的实现点击一级导航,选中第一个二级导航了

关键字:网站建设教程ppt_泊头做网站找哪家好_google关键词搜索量_百度商店应用市场

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: