vue elementui el-dropdown-item设置@click无效的解决方案

如图,直接在el-dropdown-item上面设置@click,相应的method并没有被触发,查找资料发现需要在它的上级 el-dropdown 处使用 @command 方法触发。

【template】

javascript 复制代码
<el-dropdown placement="bottom-end" @command="handleCommand">
  <el-button type="text"><i class="el-icon-more"></i></el-button>
  <el-dropdown-menu slot="dropdown">
    <el-dropdown-item command="option1">Option1</el-dropdown-item>
    <el-dropdown-item command="option2">Option2</el-dropdown-item>
  </el-dropdown-menu>
</el-dropdown>

【methods】

javascript 复制代码
handleCommand(command){
  if(command === 'option1') {
    this.visible1 = true
  }      
  if(command === 'option2') {
    this.visible2 = true
  }      
},

【参考文章】

使用element-UI的el-dropdown时绑定@click,click事件不触发。_el dropdown click-CSDN博客

相关推荐
携欢9 分钟前
PortSwigger靶场之Exploiting server-side parameter pollution in a REST URL通关秘籍
前端·javascript·安全
鹏多多22 分钟前
今天你就是VS Code之神!15个隐藏技巧让代码效率翻倍
前端·程序员·visual studio code
linksinke31 分钟前
html案例:制作一个图片水印生成器,防止复印件被滥用
开发语言·前端·程序人生·html
寒月霜华31 分钟前
JavaWeb-html、css-网页正文制作
前端·css·html
执沐35 分钟前
HTML实现流星雨
前端·html
*濒危物种*36 分钟前
HTML标签语法,基本框架
前端·css·html
IT_陈寒1 小时前
Vue3性能优化实战:这7个技巧让我的应用提速50%,尤雨溪都点赞!
前端·人工智能·后端
艾小码1 小时前
前端必备:JS数组与对象完全指南,看完秒变数据处理高手!
前端·javascript
weixin-a153003083162 小时前
vue疑难解答
前端·javascript·vue.js
Bellafu6665 小时前
selenium 常用xpath写法
前端·selenium·测试工具