我直接贴代码了,主要就是数组在开发版的显示结果和体验版不一样,开发版正常显示,体验版时候数组显示位置不对,但是又一行注释如果去掉,体验版和开发版显示结果就一样了,基础库是2.13.0
wxml:
<view>
<text>{{testArray1}}</text>
</view>
<view>
<button size="mini" bindtap="changeArr" data-param="0">0</button>
<button size="mini" bindtap="changeArr" data-param="1">1</button>
<button size="mini" bindtap="changeArr" data-param="2">2</button>
<button size="mini" bindtap="changeArr" data-param="3">3</button>
<button size="mini" bindtap="changeArr" data-param="4">4</button>
<button size="mini" bindtap="changeArr" data-param="5">5</button>
</view>
js:
// pages/index/test2.js
Page({
/**
* 页面的初始数据
*/
data: {
testArray1:['block', 'none', 'none', 'none', 'none', 'none']
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
changeArr:function(e){
var p = parseInt(e.currentTarget.dataset.param)
var temp = [];
var i=0;
this.data.testArray1.forEach(el => {
if(i==p){
temp[i++] = 'flex';
// console.log(temp);//去掉该注释体验版显示和开发版一致
}
else
temp[i++] = 'none'
});
this.setData({
testArray1 : temp
})
}
})