微信小程序给template的data属性传入多个数据

一、发现问题

有时候在使用template模板时又使用了列表渲染，然后又想把 index值和数据一同传入 data

// pages/test/test.js
Page({
  data: {
    stdInfo: [
      {
        name: "lostexin",
        age: 21,
        gender: "m",
        title: "老子是魔法少女"
      },
      {
        name: "afei",
        age: 21,
        gender: "m",
        title: "邪王真眼"
      }
    ]
  }
})

想要 index从外部传入，而不想写在js文件的 data中（即从后端获取过来，填充到 data里）

二、解决问题

首先说明一下扩展运算符，它是ES6的语法，它的作用是“ 将一个数组转为用逗号分隔的参数序列”

console.log(...[1, 2, 3])
// 1 2 3

console.log(1, ...[2, 3, 4], 5)
// 1 2 3 4 5

[...document.querySelectorAll('div')]
// [
, 
, 
]

注： ES2018将这个运算符引入了对象，所以也可以对对象这么整，参考：阮一峰老师《ES6入门》数组扩展和对象扩展章节

改写代码，如下

  // 注意最后两个花括号和前面的花括号要隔开，不然会报错
  

最后输出结果