当前位置: 首页 > news >正文

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

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

【template】

<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】

handleCommand(command){if(command === 'option1') {this.visible1 = true}      if(command === 'option2') {this.visible2 = true}      
},

【参考文章】

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

http://www.lryc.cn/news/485345.html

相关文章:

  • 如何用re从第1排第2个位置中找到两个数字返回(0,1)
  • vue中的keep-alive是什么,有哪些使用场景,使用了什么原理,缓存后如何更新数据
  • LeetCode105.从前序与中序遍历构造二叉树
  • LeetCode654.最大二叉树
  • C# 字段和属性
  • 【leetcode】N皇后 回溯法c++
  • Ubuntu 系统端口查询与管理详细分析
  • Unity中使用StartCoroutine协程和Lerp方法,使GameObject缓慢移动
  • C++根据特定字符截取字符串
  • 【How AI Works】读书笔记3 出发吧! AI纵览 第二部分
  • No Module named pytorchvideo.losses问题解决
  • Mac终端字体高亮、提示插件
  • Flowable 构建后端服务(后端以及数据库搭建) Flowable Modeler 设计器搭建(前端)
  • [Java]微服务拆分
  • JavaScript逆向爬虫教程-------基础篇之JavaScript混淆原理
  • qt移植到讯为rk3568,包含一些错误总结
  • 使用阿里云快速搭建 DataLight 平台
  • ubuntu设置自启动
  • Paddle分布式训练报NCCL错
  • PD3.1快充对我们到底有没有必要?
  • Android OpenGL ES详解——立方体贴图
  • Bugku CTF_Web——字符?正则?
  • C# 中Math.Round 和 SQL Server中decimal(18,2) 不想等的问题
  • lab2:docker基础实战
  • Druid 1.2 源码导读
  • 千益畅行,共享旅游卡市场乱象解析与未来展望
  • Dubbo源码解析-服务导出(四)
  • 浅谈React的虚拟DOM
  • linux上海康SDK安装并设置环境变量
  • 【计算机网络】UDP网络程序