欢迎光临,了解微信小程序开发,就上易用通!

解决列表渲染时,动态修改某一条数据的问题

发布:2018-01-30 10:59浏览: 来源:网络 作者:cola

今天在git上遇到一个提问,问题如下:
嗯,顺便问个问题。
就是假设:循环列出一组电影列表,然后要给电影增加点赞功能。这个点赞操作怎么实现呢?
类似:
<view bindtap='aa' data-id="a1">{{zan}}</view>
<view bindtap='aa' data-id="a2">{{zan}}</view>
......
点击点赞后,应该都是到同个aa方法,然后去修改zan的值去修改图标,显示点赞了。
遇到的问题:修改zan的值,会修改所有的列表。
谢谢了



暂时没有想到好的方式,就先用如下方式解决了解决列表渲染时,动态修改某一条数据的问题(图1)

<view bindtap="aa" wx:for="{{array}}"  data-id='{{item.id}}'>
   {{item.zan}}

</view>

Page({
  data:{

     array: [

      {

        id:"a1",

        zan: '赞'

      }, 

      {

        id:"a2",

        zan: '赞'

      }

    ]

  },

aa:function(e){
    var currId = e.currentTarget.dataset.id;

    var array = this.data.array;

    for(var i = 0;i<array.length;i++){

      if(array['id']==currId){

        array['zan'] = "已赞";

        this.setData({

          array:array

        });

      }

    }

  }


不一定是最好的方式,如果有更好的方式也可以发帖回复,大家学习学习,谢谢了





免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。