element UI对el-dropdown的二次封装（三级下拉框）

昵称已存在lxttttt

于 2021-11-09 17:50:32 发布

阅读量1.3k

点赞数

分类专栏：前端 vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/weixin_43238931/article/details/121233390

版权

本文详细介绍了如何使用Element UI对el-dropdown组件进行二次封装，以实现一个功能完善的三级下拉菜单。通过自定义指令和组件通信，优化了用户体验，适用于复杂导航场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<template>
  <el-dropdown trigger="click" :hide-on-click="true">
    <el-button>
      <svg-icon
        :icon-class="iconClass"
        class-name="icon-svg"
      />
      <span>{
   {
    text }}</span>
      <i class="el-icon-arrow-down el-icon--right" />
    </el-button>
    <el-dropdown-menu slot="dropdown">
      <template v-for="item1 in menu">
        <el-dropdown-item v-if="!item1.childer" :key="item1.title" @click.native=

最低0.47元/天解锁文章