Vue antdv dropdown 自定义下拉内容 overlay 禁止点击事件下传导致收起

最新推荐文章于 2024-07-31 09:42:55 发布

卡尔特斯

最新推荐文章于 2024-07-31 09:42:55 发布

阅读量3.1k

点赞数 1

分类专栏： Antdv 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/zz00008888/article/details/122861103

版权

Ant Design a-dropdown 自定义下拉菜单事件阻止前端开发

关键词由CSDN通过智能技术生成

Antdv 专栏收录该内容

14 篇文章 4 订阅

订阅专栏

<!-- 自定义列 -->
<a-dropdown :trigger="['click']">
  <!-- 自定义下拉菜单 -->
  <div slot="overlay">
    <!-- 禁止事件下传，这样点击自定义的下拉菜单就不会收起了，注意宽高完全覆盖好 -->
    <div @click.stop>
      <!-- 菜单内容 -->
    </div>
  </div>
  
  <!-- 官方案例 -->
  <!-- <a-menu slot="overlay">
    <a-menu-item>
      <a href="javascript:;">1st menu item</a>
    </a-menu-item>
    <a-menu-item>
      <a href="javascript:;">2nd menu item</a>
    </a-menu-item>
    <a-menu-item>
      <a href="javascript:;">3rd menu item</a>
    </a-menu-item>
  </a-menu> -->
</a-dropdown>