微信小程序 左右分类列表

分类界面，左边是一级目录，右边是一级目录对应的二级目录，根据这个需求，我们数据设计的结构一定是数组嵌套数组，第一个数组包含一级目录数据，嵌套的数组包含的是二级目录的数据。

wxml代码：

<view class="page">

  <!--左侧栏-->
  <view class="nav_left">
    <block wx:for="{
    {cateItems}}" wx:key="unique">
      <!--当前项的id等于item项的id，那个就是当前状态-->
      <!--用data-index记录这个数据在数组的下标位置，使用data-id设置每个item的id值，供打开2级页面使用-->
      <view class="nav_left_items {
    {curNav == item.cate_id ? 'active' : ''}}" bindtap="switchRightTab" data-index="{
    {index}}" data-id="{
    {item.cate_id}}">{
   {item.cate_name}}</view>
    </block>
  </view>
  <!--右侧栏-->
  <view class="nav_right">
  <!--如果有数据，才遍历项-->
    <view wx:if="{
    {cateItems[curIndex].ishaveChild}}">
      <block wx:for="{
    {cateItems[curIndex].children}}" wx:key="unique">
        <view class