vue 点击菜单其他菜单关闭

vue自己写了一个div菜单，点击按钮展开，点击其他地方关闭这个div菜单

需求是通过点击body页面,在其他地方就关闭这个<div>菜单,给这个div一个id:problemList,但是点击我打开的按钮,不关闭. created () { document.onclick = function () { // 要关闭的div的id (problemList) document.getElementById('problemList').style.display = 'none' } }, 点击按钮打开模态框的方法要写个阻止冒泡事件,不然会点不开 getItme(

vue中点击屏幕其他区域关闭自定义div弹出框

直接上代码: mounted: function () { let that = this; $(document).on('click', function (e) { let dom = $('.myDiv')[0]; // 自定义div的class if (dom) { // 如果点击的区域不在自定义dom范围 if (!dom.contains((e.target))) { that.showMyDiv = false; } } }); }, beforeDestroy() { $(do

【vue】iView-admin2.0动态菜单路由

vue项目实现动态路由有俩种方式一.前端在routers中写好--所有--路由表 <前端控制路由>,登录时根据用户的角色权限来动态的显示菜单路由二.前端通过调用接口请求拿到当前用户--对应权限的--路由表 <后端处理路由返回>,以动态的显示菜单路由介绍第二种 (参考资料) 左侧菜单可通过 ①本地mock假数据 ②easymock假数据 ③从后台请求返回的数据方式之一请求而来介绍方式①本地mock假数据 1.iview-admin的src->mock->da

实现bootstrap的dropdown-menu(下拉菜单)点击后不关闭的方法 (转)

实现bootstrap的dropdown-menu(下拉菜单)点击后不关闭的方法问题描述,在下拉菜单中,添加其他元素,例如,原文作者所述的<a>和我自己实际用到的<input>,如果不加处理的话,那么在点击需要操作的元素的时候,由于事件传播的原因将会出现下拉菜单也隐藏掉的情况. 解决方法 1 $('.dropdown-menu a.removefromcart').click(function(e) { e.stopPropagation();});指定要操作的元素的cli

java Swing 如何添加点击可展开菜单控件( JMenuBar如何使用？）

准备: JMenuBar 点击可展开控件本体 JMenu 点击可展开控件中的一级菜单 JMenuItem 点击可展开控件中的二级菜单 JFrame 程序运行时弹出的那个框框这是一个使用点击可展开菜单控件的例子. package swing; import java.awt.EventQueue; import javax.swing.JFrame; import javax.swing.JMenu; import javax.swing.JMenuBar; import javax.swin

js点击出现二级菜单，点击二级菜单主菜单换成二级菜单

点击出现二级菜单 *{ margin:0px auto; padding:0px; } .yiji{ width:200px; height:40px; background-color:red; color:#fff; text-align:center; line-height:40px;h vertical-align:middle; border:1px solid #FFF; } .erji1{ width:200px; height:40px; background-color:#F

vue+element-ui实现无限级动态菜单树

使用vue+element-ui实现无限级动态菜单该案例实现主要使用递归的思想,递归对新人来容易迷惑的是自己调用自己,直到满足条件为止,接下来我们就一步一步实现一个动态多级菜单vue组件搭建项目并安装element-ui npm i -g vue-cli vue init webpack myproject-name cd myproject-name/ npm install npm i element-ui -S 不是本文重点自行查看element-ui官网在main.js中引入el

jQuery - 制作点击显示二级菜单效果

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>制作子菜单</title> <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script> <script

vue.js与element-ui实现菜单树形结构

由于业务需要,要求实现树形菜单,且菜单数据由后台返回,在网上找了几篇文章,看下来总算有了解决办法.借鉴文章链接在最底部. 场景:根据业务要求,需要实现活动的树形菜单,菜单数据由后台返回,最后的效果图如下: 后台返回的数据格式是这个样子的: data=[{ pID:'1',//父ID name:'目录一', menuID:'m1',//本身ID isContent:false//判断是否是目录 }, { pID:'1', name:'目录二', menuID:'m2', isContent:fal

微信公众号开发C#系列-8、自定义菜单及菜单响应事件的处理

1.概述自定义菜单能够帮助公众号丰富界面,让用户更好更快地理解公众号的功能.菜单分为默认菜单与个性化菜单.个性化菜单接口是为了帮助公众号实现灵活的业务运营,开发者可以通过该接口,让公众号的不同用户群体看到不一样的自定义菜单.该接口开放给已认证订阅号和已认证服务号.本文主要介绍微信自定义菜单的创建.查询.删除.各菜单类型事件的响应方法,以及菜单应用的界面整合参考.由于篇幅有限不可能面面俱到,只能抛砖迎玉,大家就可以据此扩展做深入的应用. 2.自定义菜单的规则自定义菜单分为一级菜单和二级菜单.

js控制json生成菜单——自制菜单（一）

此文档解决以下问题: 1.JSON文件的书写方式 2.jQuery.getJSON()的运用 3.jQuery.each()的运用 4.jQuery的DOM 操作方法之一:.append()的运用 5.jQuery的遍历方法之一:.children()的运用 6.jQuery的遍历方法之一:.siblings()的运用 7.jQuery的绑定事件处理器之一:.on()的运用 8.jQuery的滑动特效:.slideToggle()..slideUp()..slideDown()的运用附:阿里巴

VS2010/MFC编程入门之三十五（菜单：菜单及CMenu类的使用）

鸡啄米在上一节中讲的是VS2010的菜单资源,本节主要讲菜单及CMenu类的使用. CMenu类的主要成员函数 MFC为菜单的操作提供了CMenu类,下面鸡啄米就常用的几个成员函数进行简单的介绍. BOOL LoadMenu(UINT nIDResource); 加载菜单资源,并将其附加到CMenu对象上.参数nIDResource指定了要加载的菜单资源的ID.如果菜单加载成功则返回TRUE,否则返回FALSE. BOOL DeleteMenu(UINT nPosition,UINT nFlag

Android_(菜单)选项菜单

Android系统中菜单分为Options Menu.Context Menu.Sub Men三种 Options Menu和Context Menu属于一级菜单 Sub Menu属于Options Menu和Context Menu的子菜单 Sub Menu下不能再添加菜单,Android最多只能支持两级菜单选项菜单(Options Menu)在当前Activity中按下菜单键就会显示 Android4.0一下默认在屏幕底部(我也不知道我的为什么默认是在右上角!!!) 常用以下方法使用选项

VS2010-MFC（菜单：菜单及CMenu类的使用）

转自:http://www.jizhuomi.com/software/212.html 上一节讲的是VS2010的菜单资源,本节主要讲菜单及CMenu类的使用. CMenu类的主要成员函数 MFC为菜单的操作提供了CMenu类,下面就常用的几个成员函数进行简单的介绍. BOOL LoadMenu(UINT nIDResource); 加载菜单资源,并将其附加到CMenu对象上.参数nIDResource指定了要加载的菜单资源的ID.如果菜单加载成功则返回TRUE,否则返回FALSE. BOOL

Ecshop 后台增加一个左侧列表菜单menu菜单的方法

Ecshop 后台增加一个左侧列表菜单menu菜单需要修改三个文件:/admin/includes/inc_menu.php/admin/includes/inc_priv.php/languages/zh_cn/admin/common.php 1.在/admin/includes/inc_menu.php中增加$modules['03_promotion']['16_progoods_list'] = 'progoods.php?act=list'; 前面03_promotio

后台增加一个左侧列表菜单menu菜单的方法

Ecshop 后台增加一个左侧列表菜单menu菜单需要修改三个文件:/admin/includes/inc_menu.php/admin/includes/inc_priv.php/languages/zh_cn/admin/common.php 1.在/admin/includes/inc_menu.php中增加$modules['03_promotion']['16_progoods_list'] = 'progoods.php?act=list'; 前面03_promotio

初学java之菜单条，菜单，菜单项的设置

package project; import javax.swing.*; import java.awt.event.KeyEvent; import java.awt.event.InputEvent; import static javax.swing.JFrame.*; class WindowMenu extends JFrame //JFrame的子类 { JMenuBar myBar ; JMenu menu , submenu; JMenuItem item1,item2 ;

Sublime Text 添加到右键菜单带菜单图标

1.打开 regedit 2.找到节点 HKEY_CLASSSES_ROOT -> * -> Shell 3.右键选择新建“ 项 ” 这个项的名字将作为右键菜单的菜单名称,我用的“ Sublime Text ” 4.在新建的“ 项 ” 上右键选择新建字符串值,命名为 “ Icon ” 5.双击新建的“ Icon ” 输入 Sublime Text 的路径加上逗号和0,如:“ D:\Program Files\Sublime Text\SublimeText.exe,0 ” 6.在新建的“ 项

Swift - 点击输入框外部屏幕关闭虚拟键盘

我们如果把文本框的Return Key设置成Done,然后在storyboard中将文本框的Did End On Exit事件在代码里进行关联.同时关联代码里调用文本框的resignFirstResponder()方法.就可以实现用户点击键盘return key时就关闭虚拟键盘. 如果要实现当用户点击文本框之外的舞台屏幕时也能关闭虚拟键盘.这时就要让屏幕的背景响应Touch Down事件. (1)由于背景是UIView控件,不能直接拖拽关联Touch事件.首先要让背景变成UIControl控

【转】Ecshop 后台增加一个左侧列表菜单menu菜单的方法

cshop 后台增加一个左侧列表菜单menu菜单需要修改三个文件:/admin/includes/inc_menu.php/admin/includes/inc_priv.php/languages/zh_cn/admin/common.php 1.在/admin/includes/inc_menu.php中增加$modules['03_promotion']['16_progoods_list'] = 'progoods.php?act=list'; 前面03_promotion

vue 点击当前元素添加class 去掉兄弟的class 获取当前点击元素的文字

点击当前标签给其添加class,兄弟标签class删除然后获取当前点击元素的文字演示地址: https://xibushijie.github.io/static/addClass.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vue 点击当前元素添加class 去掉兄弟的class</title> <script src

vue 点击 菜单 其他菜单关闭

热门专题

vue 点击菜单其他菜单关闭