微信小程序渲染层错误

微信小程序渲染层错误？假设view层有两个地方要刷新，姓名，年龄。对应的逻辑层的变量 this.data.name, this.data.age 当开发人员调用this.setData({})前 两个值都改变的情况下，如果开发人员大意了，只将this.data.name放入核昌行到了this.setData({})中，这时候就会导致界面渲染错误。当然这问题一看就知道是哪里出了问题(这时候肯定会有人说这博主真菜，这种错误都能犯), 但当你之前没遇到过这种问题的时候，后来需要改变的变量多了，有可能会忘记放入this.setData({})中，这个时候估计就不太好找了。 我在这只是给那些没找到错误原因的人看的 ， 知改哗道的迅碰忽喷。

1、首先通过快捷方式打开微信小程序开发工具，在index.wxml文件中，插入view标签，然后使用wx:for循环，wx:if和wx:else条件渲染，生成不同的组件基睁。

2、在index.js文件中，data对象中定义数组变量items并初始化。

3、保存代码并查看左侧模拟器，结果发现生成的全部是单选按钮。

4、这时检查代码发现，使用wx:if条件渲染，需要使用仔握item.id%2==0。

5、最后保存代码并查看模拟器，可以发现单选按钮和复选框念锋庆间隔显示。

---