Vue.js里面怎么传递参数还能传递事件参数

原创于 2019-08-14 15:57:52 发布 · 791 阅读

0 ·

CC 4.0 BY-SA版权

前端基础专栏收录该内容

22 篇文章

订阅专栏

本文介绍如何使用 Ant Design 的 a-dropdown 组件创建一个包含预览和下载选项的操作按钮。通过嵌套 a-menu 和 a-menu-item，可以轻松地在按钮中添加下拉菜单。点击事件 handleMenuClick 用于处理预览与下载的功能。

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

<a-dropdown size="small">
   <a-menu slot="overlay" @click="handleMenuClick($event,123)">
        <a-menu-item key="scan" :index="k">预览</a-menu-item>
        <a-menu-item key="download" :index="k">下载</a-menu-item>
   </a-menu>
    <a-button style="position:absolute;right:0">操作 <a-icon type="down" /></a-button>
</a-dropdown>

handleMenuClick(e,index) {//预览与下载
	console.log('click', e);
	console.log(index);
},