1.问题描述:一般的左侧菜单都会是动态添加的模块,利用循环把模块名和链接地址逐个显示出来如下图 但是问题来了,只要点任何二级菜单就不会保持左侧菜单当前一级菜单和二级菜单选中状态. 2.分析原因:因为模块连接只要点击就会刷新当前页面及左侧菜单,如果值刷新右侧内容也就不会出现这样的情况. 但是在左侧菜单作为模板页是必须要刷新的,例如在模块管理下添加一个模块,要立刻显示当前添加的模块. 如果引用iframe的方法只刷新右侧内容也不能解决当前的问题,况且iframe的性能并不是特别好.所以这里不建议采用…

1:问题原因:我们可能使用 this.$refs.tree.setCheckedKeys(this.defalutArr);或者使用:default-expanded-keys="treeDataSelect" :default-checked-keys="treeDataSelect"来进行回显的2.解决方法 //默认选中的树的数据 setTimeout(function () { res.data.selected.forEach((value)=>{ /…

今天在使用jquery动态设置layui的checkbox元素的选中状态时始终只能取消选中,却不能重新勾选,点击勾选则没有问题,代码如下 if (value == "true") { $("#select1").attr("checked", "checked"); } else { $("#select1").removeAttr("checked"); } 百度很久终于找到一个可用的…

点击导航菜单,切换选中状态 效果: 思路:首先获取选中的URL,再通过正则判断是否相同,相同就加上相应的属性,不相同就去除相应的属性. html代码 <div class="layui-container" style="padding: 0px; margin-top: 70px;"> <div class="layui-row footer-nav"> <div class="layui-col-xs2…

题一.左侧菜单下拉 做题思路:先做菜单和子菜单,把子菜单默认隐藏.再用JS调样式. <style type="text/css"> *{ margin:0px auto; padding:0px} .text1{ width:180px; height:39px; background-color:rgba(0,59,102,1); border-bottom:1px solid white; text-align:center; line-height:40px; ver…

正常情况刷新后选中菜单会失去选中的状态,需要把default-active 当前激活菜单的 index保存下来这样刷新后读取 methods方法中增加 getSess() { this.active = window.sessionStorage.getItem("active"); }, setSess(val) { window.sessionStorage.setItem("active", val); }, 然后再created方法中每次创建后读取 this…

elemen-ui官方网站:http://element.eleme.io/#/zh-CN/component/menu 新手小白利用vue+element-ui尝试搭建后台管理系统, 效果是这样的,但是发现点击首页时,黄色选中状态不会切换到首页, 最后发现可以利用$route.path设置默认选中的导航, 而且el-menu-item中的index  就是当前路由的路径, 代码重点如下图: 如此设置之后就可以实现导航和页面同时变化了.…

layui复选框checkbox选中赋值,解决layui设置checbox选中不生效的问题 直接上代码 //监听指定开关 form.on('switch(dongsir)', function(data){ $("input[type=checkbox]").prop('checked',this.checked); form.render('checkbox'); }); 直接设置 attr=checked 是无效的 对于 attr 和 prop 网上有一些不同的见解,这里整理了一些…

layui-tree美化左侧菜单 html <div class="layui-side layui-bg-black"> <div class="layui-side-scroll " > <div id="sidemenubar" lay-filter="test"></div> </div> </div> css /*左侧导航*/ .layui-tr…

最近在学习react时,用到了很流行的UI框架Ant Design,也了解了一下Ant Design Pro,发现它们都有导航组件,Ant Design框架的导航菜单在这里,Ant Design Pro是权限菜单,权限菜单简单来说就是根据登录的权限来展示不同的菜单给用户,比如管理员有给用户分配不同角色的权限,那管理员就可以看到系统管理等导航菜单,而用户A只有发布某些业务的权限,那用户A就不能看到系统管理的导航菜单等等.不过这不在我们本文的考虑范围内,有兴趣的同学可以自行去看它的API:Autho…