el-dropdown-item,el-dropdown
主要介绍elementDropdown组件的意外坑，通过示例代码详细介绍，有一定的参考价值。感兴趣的朋友可以参考一下。
目录
1、el-dropdown下拉el-dropdown-item Add click事件无响应2、下拉在el-table组件中使用，下拉框无法显示。去年做了两个web项目，都用了elementUI，自以为很熟悉，尤其是一些常用的组件，比如今天的主角3354下拉。
所以今年的项目，再用的话，应该不会踩坑。毕竟我更了解它的坑。其常见的坑主要有以下两种：
1、el-dropdown下拉el-dropdown-item添加点击事件click没有反应
踩坑写：
El-drop down-item @ click= remotoken exit/El-drop down-item
避坑写作：
El-drop down-item @ click . native= remotoken exit/El-drop down-item
2、el-table组件中使用Dropdown，无法显示下拉框
踩坑写：
El-表格-列
el-dropdownel-dropdown
El-表格-列
凹坑避免写入
El-表格-列
模板槽-范围=“范围”
el-dropdownel-dropdown
/模板
El-表格-列
但是，昨天在使用Dropdown组件的时候，踩了一个意想不到的坑！
事情是这样的。
el-table组件中也使用了Dropdown，采用了避坑的方法，大致写如下：
El-表格-列
模板槽-范围=“范围”
el-dropdown v-if=状态===1
a { { active select } } I class= El-icon-arrow-down El-icon-right /a
El-drop down-菜单slot=dropdown
El-dropdown-item command=a 输入面试/el-dropdown-item
El-dropdown-item命令=b 归纳/el-dropdown-item
/El-下拉菜单
El-下拉菜单
el-dropdown v-if=status===2
a { { active select } } I class= El-icon-arrow-down El-icon-right /a
El-drop down-菜单slot=dropdown
El-dropdown-item命令=b 归纳/el-dropdown-item
/El-下拉菜单
El-下拉菜单
/模板
El-表格-列
但是，无论怎么点，下拉的下拉框就是不显示。
到底是什么问题？这是一个谜！
后来我忍不住把自己的代码注释掉，换成了一套官方文档里的样本代码。突然，下拉框出来了！这是为什么呢？
仔细对比，代码没什么区别，除了原来的代码有两组下拉，现在只有一组下拉。这是问题所在吗？
这时脑子里突然冒出一个词：v-if，v-else-if和v-else最好一起用，形成一个完整的逻辑判断。
果断地将代码更改为以下内容：
El-表格-列
模板槽-范围=“范围”
el-dropdown v-if=状态===1
El-下拉菜单
El-drop down v-else-if= status===2
El-下拉菜单
/模板
El-表格-列
试试，下拉框正常出来了！
问题真的出现在这里。以前经常是多个v-if一起用，没有问题。为什么这个场景做不到？(求神指教)。
这就是这篇关于元素下拉组件的意外陷阱的文章。有关元素下拉坑的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。