el-dropdown-item的点击事件

在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>
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: Age of Ai 设计师:meimeiellie 返回首页