el-dropdown-item的点击事件

angula_ 2021-01-03 23:10:25

127

分类专栏： Vue学习之路文章标签： vue js elementui vue.js

本文链接：https://blog.csdn.net/weixin_42878211/article/details/112162581

版权

在vue项目中使用element-ui时，用到了Dropdown组件。

需要在子菜单上添加click事件。但是使用@click添加点击事件并没有产生效果，毫无反应。
但是官方文档中并没有给出el-dropdown-item的点击事件。

在经过多般测试之后，找到解决问题方法

若在click后添加native修饰符，则可解决问题。

如下所示

<el-dropdown>
                  <el-button
                    type="primary"
                    size="mini"
                    style="margin-left: 5px; margin-top: 5px;margin-right:5px;"
                    @click="addData"
                  >
                    新增
                    <i class="el-icon-arrow-down el-icon--right"></i>
                  </el-button>
                  <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item @click.native="addData">合同录入</el-dropdown-item>
                  </el-dropdown-menu>
                </el-dropdown>