七月老师 我的星星点评 我在做用户点击星星进行获取数据 比如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回答

7七月

2017-12-02

不好调试,简单分析下,消失的原因肯定是在于数据绑定没有处理好。重点调试一下 点击事件的函数,肯定是改变了星星的状态值。

0
1
qq_悲情創作_0
非常感谢!
2017-12-04
共1条回复

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23867 学习 · 6899 问题

查看课程