七月老师 我的星星点评 我在做用户点击星星进行获取数据 比如5星 就是50分 但是循环的时候在星星图片上做点击事件星星就消失了
来源:20-15 星星评分组件的实现
qq_悲情創作_0
2017-11-29
js:
data: {
stars: {
stars: [1,1,1,0,0],
},
},
onLoad: function (options) {
},
changeBoolen: function (e) {
var num = (e.currentTarget.dataset.index+1)*10;
this.setData({
stars:util.convertToStarsArray(num),
score:num
})
}
wxml:
<block wx:for="{{stars}}" wx:for-item='i' >
<image wx:if='{{i}}' data-index='{{index}}' src='/images/icon/star.png' catchtap='changeBoolen' />
<image wx:else data-index='{{index}}' src="/images/icon/none-star.png" catchtap='changeBoolen' />
写回答
1回答
-
不好调试,简单分析下,消失的原因肯定是在于数据绑定没有处理好。重点调试一下 点击事件的函数,肯定是改变了星星的状态值。
012017-12-04
相似问题