elementUI+vue实现商城分类导航弹出二级菜单悬浮展示（鼠标经过时显示）

原创

已于 2024-09-06 09:31:19 修改 · 7.5k 阅读

标签

#vue.js #elementui

收录于

于 2022-03-09 20:29:58 首次发布

效果

在这里插入图片描述
二级菜单显示是用了elementUI的两个组件：el-tooltip + el-cascader-panel

vue代码

<!-- 分类 -->
<div class="category-box">
    <span class="category-label">分类</span>
    <div class="flex-1">
        <div class="category-list">
            <el-tooltip effect="light" content="" placement="bottom" popper-class="category-two-menu-box" v-for="item in categoryList" :key="item.id" :open-delay="300">
                <div slot="content" v-if="item.children.length > 0">
                    <el-cascader-panel v-model