小程序多层循环嵌套传递参数

1.定义

wx:for    这个是正常的循环,没什么可说的。

wx:for-item=‘变量名(随便起的)’   它是指定循环数据当前的变量名,可以通过  {{变量名.属性}} 展示数组的元素。

wx:for-index=‘变量名(随便起)’,它是指向当前元素的下标名,可以在其他事件中定义自定义事件(data-xxx='{{变量名}}',,该自定义属性可以在参数e下面打印出来)获取该下标。

2.示例:

代码wxml:

 
      
        
          
        
        {{light.name}}
        {{light.time}}
      
      
        简述:{{light.brief}}
      
      
        
          
        
      
    

js:

 */
  data: {
    lightList: [{
        name: "从技术粗糙表面",
      imageList: ["/images/details.png", "/images/details.png", "/images/details.png"],
        time: "2018.10.02 12:10:22",
        brief: "将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data。使用前请注意阅读相关说明。"
      },
      {
        name: "长十九年",
        imageList: ["/images/details.png", "/images/details.png"],
        time: "2018.10.02 12:10:22",
        brief: "将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data。使用前请注意阅读相关说明。"
      },
      {
        name: "长十九年",
        imageList: ["/images/details.png", "/images/details.png"],
        time: "2018.10.02 12:10:22",
        brief: "将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data。使用前请注意阅读相关说明。"
      },
      {
        name: "长十九年",
        imageList: ["/images/details.png", "/images/details.png"],
        time: "2018.10.02 12:10:22",
        brief: "将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data。使用前请注意阅读相关说明。"
      },
    ],
  },
 previewImage: function(e) {
    console.log(e)
  },

结果:

小程序多层循环嵌套传递参数_第1张图片

你可能感兴趣的:(小程序,前端)