changeClass:function(e){
    console.log(e);
    this.setData({
        num: e.target.dataset.num;
    })
}

data: {
    num: undefined, //只声明不初始化的情况下，变量的初始值为undefined
  },

e  //事件对象，通过事件函数的一个参数传递，可以是任何值
target   //事件捕获的元素
dataset   //以data-开头定义的变量
num   //data-num的值
// 关于target和currentTarget，catchtap事件和bindtap事件我会专门用一篇文章介绍

this.setData({
        num: e.target.dataset.num;
    })

onLoad: function (options) {
    var menuList = []; //后台获取的menuList数组(菜单数据)

    //后台获取的menuList绑定到data里面，方便wxml读取。
    this.setData({
        menuList: menuList;
    })
},
// 一级列表点击事件
  changeClass: function (e) {

    // 获取当前点击元素的num值
    var idx = e.currentTarget.dataset.num;

    // 读取已绑定过的后台菜单数据menuList
    var menuList = this.data.menuList;

    // 给一级菜单添加自定义属性isChecked，用来记录是否点击状态
    for (var i = 0; i < menuList.length; i++) {
      var Item = menuList[i];
      // 如果菜单的索引值listId==点击元素的num值
      if(Item.listId == idx){
      // 一级菜单自定义属性isChecked取反
        Item.isChecked = !Item.isChecked;
      }
      // 否则一级菜单自定义属性isChecked初始化为false
      else{
        Item.isChecked = false;
      }

    }

      this.setData({
        menuList: menuList,  //更新isChecked的状态
      })


  },

  // 二级列表点击事件
  changeClass2 : function(e){
    this.setData({
    //当前点击的二级子菜单每个元素的自定义name值，动态更新给goodsTitle
      goodsTitle: e.target.dataset.name
    })


  }

var menuList = [
  {
    title: "产品",
    listId: 0,
    item: [
      { ID: 0, Name: "产品0",  Type: 1 },
      { ID: 1, Name: "产品1",  Type: 1 },
      { ID: 2, Name: "产品2",  Type: 1 },
      { ID: 3, Name: "产品3",  Type: 1 },
      { ID: 4, Name: "产品4",  Type: 1 },
      { ID: 5, Name: "产品5",  Type: 1 },
      { ID: 6, Name: "产品6",  Type: 1 },
      { ID: 7, Name: "产品7",  Type: 1 },
      { ID: 8, Name: "产品8",  Type: 1 },
      { ID: 9, Name: "产品9",  Type: 1 }]
  },
  {
    title: "风格",
    listId: 1,
    item: [
      { ID: 0, Name: "风格0",  Type: 2 },
      { ID: 1, Name: "风格1",  Type: 2 },
      { ID: 2, Name: "风格2",  Type: 2 },
      { ID: 3, Name: "风格3",  Type: 2 },
      { ID: 4, Name: "风格4",  Type: 2 },
      { ID: 5, Name: "风格5",  Type: 2 },
      { ID: 6, Name: "风格6",  Type: 2 },
      { ID: 7, Name: "风格7",  Type: 2 }]
  },
  {
    title: "实景案例",
    listId: 2,
    item: [
      { ID: 0, Name: "实景案例0",  Type: 3 },
      { ID: 1, Name: "实景案例1",  Type: 3 },
      { ID: 2, Name: "实景案例2",  Type: 3 },
      { ID: 3, Name: "实景案例3",  Type: 3 },
      { ID: 4, Name: "实景案例4",  Type: 3 },
      { ID: 5, Name: "实景案例5",  Type: 3 },
      { ID: 6, Name: "实景案例6",  Type: 3 },
      { ID: 7, Name: "实景案例7",  Type: 3 },
      { ID: 8, Name: "实景案例8",  Type: 3 },
      { ID: 9, Name: "实景案例9",  Type: 3 },
      { ID: 10, Name: "实景案例10",  Type: 3 }]
  },
  {
    title: "ICC产品",
    listId: 3,
    item: [
      { ID: 0, Name: "ICC产品0",  Type: 4 },
      { ID: 1, Name: "ICC产品1",  Type: 4 },
      { ID: 2, Name: "ICC产品2",  Type: 4 },
      { ID: 3, Name: "ICC产品3",  Type: 4 },
      { ID: 4, Name: "ICC产品4",  Type: 4 },
      { ID: 5, Name: "ICC产品5",  Type: 4 },
      { ID: 6, Name: "ICC产品6",  Type: 4 },
      { ID: 7, Name: "ICC产品7",  Type: 4 },
      { ID: 8, Name: "ICC产品8",  Type: 4 }]
  }

]

wx:for="{{menuList}}"
//要循环渲染的数组为menuList，就是菜单数据部分同名的menuList数组，后台接收
wx:for-item="listItem"
//menuList里的每个数组子项json的命名为listItem
wx:for-index="listIndex"
//menuList里的每个数组子项json的下标为listIndex
//

bindtap="changeClass"
//一级菜单改变类名的事件
class="item {{listItem.isChecked?'active':''}}"
//三目运算符 判断是否切换为active
data-num="{{listItem.listId}}"
//自定义的num值，实际值来源于menuList每个子项listItem的listId，用来传递到点击事件event对象里
{{listItem.title}}
// menuList每个子项listItem的title

wx:if="{{listItem.isChecked}}"
//条件渲染，如果listItem.isChecked为真才渲染
wx:for="{{listItem.item}}"
//要循环渲染的数组为menuList里listItem的item，
wx:for-item="childItem"
//listItem.item里的每个子项命名为childItem，
class="{{goodsTitle==childItem.Name?'select':''}}"
//goodsTitle是当前点击的元素的name值，是否和元素自带的name相等
data-name="{{childItem.Name}}"
// 自定义的name值，实际值来源于childItem的Name，用来传递到点击事件event对象里