手把手带你学习微信小程序 ——三 （列表渲染）

var lines=this.data.lines;

lines.splice(0,0,{

id:5,

name:“switch5”

});

this.setData({

lines:lines

})

}})

运行结果

我们发现，我们选中的两个 按钮，点击更新后没有变化，而是又创建了新的选项

我们再次添加 wx : key 试试，然后再试试

//id来自 .js 文件中，data文件中 lines下的 id 标签

{ {item.name}}

更新

然后再次运行

tips:wx:key =‘value’ value也可以是name，只要值唯一即可

在学习的过程中，如果遇到更好的实例，我会分享给大家

二、WXML 模板学习 —— template

---

一个项目有时候需要多个同样的样式，如果不停的进行复制粘贴，会造成大量的浪费。因此可以定义模板完成这样的重复的工作

2.1 简单模板引用

我们在根目录创建一个templates 文件夹，然后在templates中创建一个子文件夹 message，然后创建以message 为名的 wxml 文件和 wxss文件，这里就存放我们的模板文件。

1. 然后我们就可以在 message.wxml 中写下我们希望的重复利用的内容

/*我们希望重复利用&