小程序实现点击添加移除class的几个问题

<view class="{{_num == 1?'add_citying':'add_city'}}" data-num="1" bindtap="clickNum">北京</view>
<view class="{{_num == 2?'add_citying':'add_city'}}" data-num="2" bindtap="clickNum">上海</view>
<view class="{{_num == 3?'add_citying':'add_city'}}" data-num="3" bindtap="clickNum">广州</view>
<view class="{{_num == 4?'add_citying':'add_city'}}" data-num="4" bindtap="clickNum">天津</view>
Page({
  data: {
    _num:0, 
  },
  clickNum: function (e) {
    console.log(e.target.dataset.num)
    this.setData({
      _num: e.target.dataset.num
    })
  }
})

直接这么写是没有什么问题可是如果改成循序问题就出现了

<block wx:for='{{city}}'>
<view class="{{_num == 1?'add_citying':'add_city'}}" data-num = "{{item.dataName}}" bindtap="clickNum">{{item.cityName}}</view>  
</block>
 city:[
     { 'cityName':'北京',
        'dataName': 1,
        'num': 1
     },
     {
       'cityName': '上海',
       'dataName': 2,
       'num': 2
     },
     {
       'cityName': '广州',
       'dataName': 3,
       'num': 3
     },
    ]   

这个_num == 1 这个数字该如果去动态修改呢

阅读 3k
3 个回答

_num == item.dataName吗?

_num == index

经试验前面两位童鞋的答案都可用,后面的改为_num == index+1 也是可以的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题