网上搜索的解决办法是:给el-dropdown-item绑定command属性时,返回函数(该函数返回一个对象,对象内包含command和要传递的参数)。 我认为上述写法有些麻烦,索性直接在command事件中返回多个参数,写法如下: @command="(command) => handleCommand(command, project)" 此处的project就是要传递的参数, handleCommand(command...
<el-dropdown@command="handleCommand($event, "111")"> <spanclass="el-dropdown-link"> Dropdown List <el-iconclass="el-icon--right"> <arrow-down/> </el-icon> </span> <template#dropdown> <el-dropdown-menu> <el-dropdown-item>Action 1</el-dropdown-item> <el-dropdown-item>Action...
1 打开一个vue文件，添加一个el-dropdown下拉框组件。如图 2 在每个el-dropdown-item标签上添加command属性，设置值为显示的下拉框内容。如图 3 在el-dropdown标签上添加command点击菜单项触发的事件回调，当点击菜单项时弹出当前点击的内容。如图 4 保存vue文件后使用浏览器打开， 点击下拉菜单项即可看到弹出对应点...
方法1:使用箭头函数:在绑定 @command 事件时,可以使用箭头函数直接传递多个参数。例如,可以在模板中直接写 @command="(command) => handleCommand(command, otherParam)",其中 otherParam 是你想要传递的额外参数。 方法2:动态设置command属性的值:可以通过在 el-dropdown-item 的command 属性中绑定一个函数来动...
<span class="el-dropdown-link"> 下拉菜单<i class="el-icon-arrow-down el-icon--right"></i> </span> <el-dropdown-menu slot="dropdown"> <el-dropdown-item command="沙县小吃"> 沙县小吃 </el-dropdown-item> <el-dropdown-item command="兰州拉面"> ...
<el-dropdown-item command="e" divided>蚵仔煎</el-dropdown-item> </el-dropdown-menu> </el-dropdown> <style> .el-dropdown-link { cursor: pointer; color: #409EFF; } .el-icon-arrow-down { font-size: 12px; } </style>
el-dropdown-menu__item.is-disabled { pointer-events: auto !important; cursor: not-allowed; } </style> 不过会产生一个新问题,就是:禁用项的样式虽然是有了,但是禁用项也可以点击了。这个就是不应该的,当然有问题就会有解决方案,我们可以通过js去控制是否可以点击。至于怎么控制,我们先看一下官方文档。
1. 给el-dropdown添加动态ref属性((代码片段中第一步)) 2. 在表格头部点击事件中添加(代码片段中第二步) 代码片段 // 第一步 <el-dropdown @command="onCommandDropdownItem" trigger="click" :ref="`dropdown-${item.prop}`" ></el-dropdown> ...
✓ 已被采纳 因为你的 el-dropdown-item 里面嵌套了 el-dropdown-item,所以会触发两次,一次是父级的,一次是子级的。所以把外面的 el-dropdown-item 去掉自己写一个 flex 布局的 div 元素就好了。 🔗 这里是问题复现Demo 有用 回复 查看全部 1 个回答 推荐问题...
①.el-dropdown 组件绑定 @command事件 ②.el-dropdown-item 组件绑定 command 属性 ③.el-dropdown 组件绑定 @command事件方法中,修改el-input 中v-model 所绑定的值 ①.给el-dropdown-menu 设置样式 ①.定义被选择的css样式 ②.判断被选择的item,则给予 高亮的样式 ...