扫码关注官方订阅号
这是我的代码
设计图是这样的
求各位大神指教
你的代码有几个问题：
:class= "parentColor"
这里的parentColor在数据里面是false？如果你要显示某个class，思路应该是这么写：
:class= "{ 'xxxClass' : parentColor}"
<p class="menu-parent" v-for = "item in menu" > ... </p>
这里在外层p遍历menu，那会编译成下面的这样：
<p class="menu-parent"> 1... </p> <p class="menu-parent"> 2... </p> <p class="menu-parent"> 3... </p> ...
可能这样就不是你要的结构了
<ul v-show="menu[$index].child"> ... </ul>
这里的v-show为何放了menu[$index].child，你的意图是？v-show 是简单的切换元素的 CSS 属性 display。
用Vue是为了避免直接操作dom结构，所以还是别这么写好，这里可以根据问题1的写法改为显示或者隐藏某个class
toggleShow:function($index){ $('.menu-parent >ul').eq($index).slideToggle(500); }, childCheck:function($index){ $('ul li').eq($index).children('a').addClass('childclick'); }
优化了一下，你可以参考一下
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
0 
1
622
收藏
你的代码有几个问题：
问题1：
这里的parentColor在数据里面是false？如果你要显示某个class，思路应该是这么写：
问题2：
这里在外层p遍历menu，那会编译成下面的这样：
可能这样就不是你要的结构了
问题3：
这里的v-show为何放了menu[$index].child，你的意图是？
v-show 是简单的切换元素的 CSS 属性 display。
问题4：
用Vue是为了避免直接操作dom结构，所以还是别这么写好，这里可以根据问题1的写法改为显示或者隐藏某个class
优化了一下，你可以参考一下