vue中elementui command绑定变量对象方法

news/2024/7/7 9:35:22

需求:点击下拉框,切换组,选中当前项

   <el-dropdown trigger="click" class="child-controllerChild"
                                                             @command="(command) =>handleDispatchTabClickBoxCommand(command)">
                                                    <img class="child-iconAndPhoneImg "
                                                         src="../assets/icons/dispatchAndCall/phoneMoreRow.png"
                                                         alt="">
                                                    <el-dropdown-menu slot="dropdown"
                                                                      class="dispatchContainerDropdownMore">
                                                        <el-dropdown-item v-for="(itemMore,index) in table1PannelMore"
                                                                          :key="index"
                                                                          :command="{commandGroupId:itemMore.id,index:index}">{{itemMore.name}}
                                                        </el-dropdown-item>
                                                    </el-dropdown-menu>
                                                </el-dropdown>

这里绑定对象即可:command="{commandGroupId:itemMore.id,index:index}"

/**
 * 调度table更多切换
 */
handleDispatchTabClickBoxCommand(command) {
  this.dispatchCourentPage = 1;
  this.currentSystemAddressBookItem = command.index;
  //保存当前选中组id,方便分页标识
  this.dispatchMorecommandGroupId = command.commandGroupId;
  this.queryBookmember(command.commandGroupId);
},

效果

在这里插入图片描述


http://www.niftyadmin.cn/n/4204505.html

相关文章

浮动图片(JS)

代码作用&#xff1a;鼠标上移到图片上时&#xff0c;图片浮动显现&#xff0c;就像是Apple的浮动菜单一样的效果。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">&l…

vue组件和js实现鼠标悬停显示title效果

需求&#xff1a; 显示文本内容过长&#xff0c;显示…鼠标悬浮时&#xff0c;全部显示 使用element组件<el-tooltip offset"-2" class"item" effect"dark" placement"top"> <span class"dispatchSystemAddressBookIt…

java 判断以中文开始_java判断是否是中文字符

public class StringUtil {/*** 判断是否为中文字符* param c* return*/private static boolean isChinese(char c) {// GENERAL_PUNCTUATION 判断中文的“号// CJK_SYMBOLS_AND_PUNCTUATION 判断中文的。号// HALFWIDTH_AND_FULLWIDTH_FORMS 判断中文的&#xff0c;号Characte…

百度-相信中国-电子书-下载

/Files/dayouluo/相信中国.rar

JS之给元素添加类的方法

原生js中添加类的方法 //1.为 <div> 元素添加一个类: document.getElementById("div").classList.add("类名");//2.为 <div> 元素添加多个类: document.getElementById("div").classList.add("类名1","类名2",…

java中io操作详解_Java语言中的IO系统详解

Java语言中的IO系统Java的核心库java.io提供了全面的IO接口&#xff0c;包括&#xff1a;文件读写&#xff0c;标准设备输出等等。Java中IO是以流为基础进行输入输出的&#xff0c;所有数据被串行化写入输出流&#xff0c;或者从输入流读入。在具体使用中很多初学者对Java.io包…

工程师侵入北京移动数据库 获利370余万元

程稚瀚称&#xff0c;侵入北京移动数据库是因为他对移动的“霸王条款”不满。  在5个月的时间里&#xff0c;软件研发工程师程稚瀚利用互联网4次侵入北京移动充值中心数据库&#xff0c;盗取充值卡密码并通过淘宝网出售&#xff0c;共获利370余万元。昨天&#xff0c;这起全国…

mysql-8.0.12版本忘记root密码解决方法(重置root密码)

解决方法&#xff1a; 1.以管理员身份运行命令行&#xff0c;输入命令&#xff1a;net stop mysql&#xff0c;以停止MySQL服务 2.设置跳过验证&#xff0c;进入到mysql安装目录下的bin路径&#xff0c;在mysql/bin/目录下输入命令&#xff1a;“mysqld --shared-memory --sk…