el-dropdown-item点击事件无反应

WDY66886688

于 2024-04-03 09:06:41 发布

阅读量237

点赞数 3

CC 4.0 BY-SA版权

文章标签： vue.js javascript 前端 elementui

本文链接：https://blog.youkuaiyun.com/WDY66886688/article/details/137327043

文章讨论了在Vue.js中使用ElementUI组件`el-dropdown-item`时，发现点击事件默认的`click`不起作用，需改为`click.native`才能响应的问题，强调了前端开发中的事件绑定细节。

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

       <div>
          <el-dropdown size="small" trigger="click">
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>当前角色：{{ userInfo.curRole }}</el-dropdown-item>
              <el-dropdown-item @click.native="loginOut()">登出</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>       
        </div>

el-dropdown-item点击事件@click，点击后无反应，应改为@click.native