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

最新推荐文章于 2024-06-25 23:03:52 发布

原创最新推荐文章于 2024-06-25 23:03:52 发布 · 254 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端 #elementui

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

       <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