VUE 菜单 +感想
listShowFun:function(obj){if(obj==this.onname){this.listShow=!this.listShow}else{this.onname=objthis.listShow=true}}{{classif
·
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 是否为真 再根据双重判断 决绝其是否显示或者隐藏
更多推荐
已为社区贡献2条内容
所有评论(0)