解释的地方
1.data-idx=”{ {index}}"表示默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item。
2.class="item { {currentTab==index ? ‘active’ : ‘’}}“这个没大看懂,有知道的人请帮忙说明下,感谢~
3.wx:key=“unique”——如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态,当数据改变触发渲染层重新渲染的时候,会校正带有 key 的组件,框架会确保他们被重新排序,而不是重新创建,以确保使组件保持自身的状态,并且提高列表渲染时的效率。(这个unique没看懂~有知道的请帮帮忙解释下,感谢!)
4.bindtap=“navbarTap”,当用户点击该组件的时候会在该页面对应的Page中找到相应的事件"navbarTap"处理函数。
5. hidden=”{ {currentTab!==0}}"表示显示和隐藏的意思,当事件currentTab不等于0时,包含hidden的组件内容被隐藏,等于0时,显示内容。
xml布局
<!--导航条-->
<view class="navbar">
//循环导航的名字
<text wx:for="{
{navbar}}" data-idx="{
{index}}" class