VUE 菜单 +感想

来源：互联网发布：阿里云美国服务器 vpn 编辑：程序博客网时间：2024/06/06 07:21

listShowFun:function(obj){  if(obj==this.onname){  this.listShow=!this.listShow  }else{  this.onname=obj  this.listShow=true  }  }

 <ul  class="submenu" v-show=" onname==classify.name && listShow">                    <li v-for="classifylist in classify.list"><a href="tables.html">{{classifylist}}</a></li>                                    </ul>

菜单效果单机显示再单机隐藏，单机同级显示同级菜单并隐藏原来的

我先做出来的效果是单机显示单机其他其他显示但是如果菜单显示再单机不能隐藏。

这个是我当时写选项卡的思路我发现不是我想要的。于是我就想这可怎么办呢~？然后想到用与双重控制它的显隐然后我想控制显隐的时候是

onname==classify.name 那总不能 onname==classify.name 的时候再隐藏呀~ 然后我看到函数时候发现

listShowFun:function(obj){  this.onname=obj      }

在 this.onname=obj 之前 this.onname 为原来的函数 obj 为单击获得的函数然后我就想到在这里做一个判断然后返回 listshow 是否为真再根据双重判断决绝其是否显示或者隐藏

0 0