VUE 菜单 +感想

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 是否为真 再根据双重判断  决绝其是否显示或者隐藏