请问老师二级菜单怎么循环5次
{{each}}
<div class="banner-rightlis-hidden" data-n="hot">
<%include('../../../../components/loading/loading.art',{inline:true,text:'数据获取中'})%>
<!-- <dl>
<dt>港澳台</dt>
<dd>
<a href="#">香港</a>
<a href="#">澳门</a>
<a href="#">台北</a>
<a href="#">高雄</a>
<a href="#">香港迪士尼</a>
<a href="#">香港海洋公园</a>
<a href="#">交通接驳</a>
<a href="#">澳门塔</a>
<a href="#">新濠天地水舞间</a>
<a href="#">澳门豪华自助</a>
<a href="#">台北101</a>
<a href="#">台湾美食</a>
</dd>
</dl>
<dl>
<dt>国内热门城市</dt>
<dd>
<a href="#">三亚</a>
<a href="#">东北雪乡</a>
<a href="#">大理</a>
<a href="#">丽江</a>
<a href="#">昆明</a>
<a href="#">西双版纳</a>
<a href="#">拉萨</a>
<a href="#">成都</a>
<a href="#">重庆</a>
<a href="#">长白山</a>
<a href="#">厦门</a>
<a href="#">长沙</a>
<a href="#">桂林</a>
<a href="#">北京</a>
<a href="#">西安</a>
<a href="#">敦煌</a>
<a href="#">杭州</a>
<a href="#">上海</a>
<a href="#">无锡</a>
<a href="#">南京</a>
<a href="#">广州</a>
<a href="#">黄山</a>
<a href="#">莫干山</a>
<a href="#">新疆</a>
<a href="#">北海</a>
<a href="#">九华山</a>
<a href="#">太原</a>
<a href="#">张家口</a>
</dd>
</dl>
<dl>
<dt>国内热门景点</dt>
<dd>
<a href="#">北京故宫</a>
<a href="#">东北滑雪</a>
<a href="#">恭王府</a>
<a href="#">长城</a>
<a href="#">青城山大熊猫基地</a>
<a href="#">峨眉山</a>
<a href="#">都江堰</a>
<a href="#">长恨歌表演</a>
<a href="#">兵马俑</a>
<a href="#">大唐芙蓉园</a>
<a href="#">三亚日游</a>
<a href="#">厦门鼓浪屿</a>
<a href="#">千岛湖</a>
<a href="#">呼伦贝尔草原</a>
<a href="#">希拉穆仁草原</a>
<a href="#">大理日游</a>
<a href="#">杭州</a>
<a href="#">重庆两江夜游船票</a>
</dd>
</dl> -->
</div>
{{/each}}鼠标触碰每个一级菜单后显示对应的加载中组件，但是这里循环不会弄了。{{each xxx}}后面的xxx应该用什么，在获取data数据是可以打印出data的长度属性6，直接用data也不对。也没有each data.length这种用法吧。老师该怎么处理。
正在回答 回答被采纳积分+1
同学你好，老师看同学的思路是说当鼠标移入一级菜单的时候，在二级菜单显示出数据前先做loading是么？如果是同学这里思路就显得复杂了，如果当鼠标移入每一个一级菜单的选项都要添加一份loading这样也会让程序代码更加臃肿，那么同学可以将这个loading直接添加到二级菜单的js中去，另如果这里使用Promise.all其实loading状态其实有没有都没问题的。
如下仅供参考，二级菜单：
因为数据的缘故，同学如果希望将二级菜单写成模板嵌套的方式，那么这里有个数据结构的小坑，同学看看上面的思路，希望能给同学帮助。另如果这里没有写出来，那么可以先不用循环的方式写，等项目作业做完了以后，提交项目作业，批改项目作业的老师会给同学一套方案的。
祝学习愉快！
同学你好，一级菜单一共有6个，那么二级菜单也应该有6个。鼠标移入一级菜单后，需要先将对应二级菜单的数据请求回来，然后渲染到合适的dom元素中。老师给你提供一种简单的方式，供你参考：
相关js：
上图中，render方法对应的模板：
同学参考上述思路，如果实现不了，建议将该功能空着，把其他功能写完后提交作业。批复作业的老师，会根据同学的代码，帮你实现、优化或者提供实现思路的。
祝学习愉快！
-
慕仙7313728 #1
你好老师，根据老师的例子，模仿着写，可以实现了。有些问题想问一下
1：这6个二级菜单不能直接像一级菜单那样用{{each}}循环出6个吗？这里是直接写6个模板。
2：这下面是按照老师提供的代码找着写的，按照道理是不是应该写在index.js中，我这里是仍旧写在旧的menu.js中。因为index.js中获取不到每个二级菜单的元素（var liss = document.querySelectorAll('.lis')）。
然后render2中的名值对items是自己取名的吗？因为数据中没发现这个items和type。
for(let i=0;i<liss.length;i++){ liss[i].onmouseenter=function(){ getData(`${URL}/${liss[i].dataset.n}`).then(data=>{ console.log(data); for (const rs of rightShows) { rs.innerHTML=render2({ items:data, type:liss[i].dataset.n }) } }) } }3：有个关于主菜单一级菜单的问题：
这个是我的一级菜单，不明白为什么{{each}}就能直接循环出6个一级菜单。
像一级菜单里面的子菜单都是以{{each xxx}}这种形式循环出需要的个数。
{{each}} <li class='lis' data-n="{{$value.key}}"> <dl class="banner_dl"> <dt>{{$value.title}}</dt> <dd> {{each $value.subTitles}} <span>{{$value}}</span> {{/each}} </dd> </dl> <div class=" banner-icon"></div> <div class=" banner-icon right-icon"></div> </li> {{/each}}2022-09-15 12:52:50 -
解答如下：
1、6个二级菜单的模板可以通过遍历生成，给同学举个例子：
先写一个二级菜单的框架模板：
在一级菜单数据请求回来时，渲染二级菜单框架：
鼠标移入一级菜单后，获取二级菜单中对应元素，并渲染数据：
其中，test.art代码如下：
代码的实现方式并不唯一，老师之前只是提供了一种简单的实现方式，更多方式同学可以自己探索。
2、二级菜单的js代码，位置需要斟酌一下。可能会出现同学提到的获取不到二级菜单元素的情况。我个人是把二级菜单代码写在一个额外的js中，然后渲染完一级菜单数据后，再调用二级菜单的js代码：
同学可以参考上述思路调整。
3、items是自己取得名字。
4、我这边测试直接使用each无法循环出数据，怀疑是模板版本不同造成的。建议同学按照标准写法写，防止出现问题：
2022-09-15 13:37:18
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星