猿问

小程序实现点击添加移除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 这个数字该如果去动态修改呢


LEATH
浏览 1491回答 3
3回答

12345678_0001

_num == item.dataName吗?

ibeautiful

_num&nbsp;==&nbsp;index

杨魅力

经试验前面两位童鞋的答案都可用,后面的改为_num == index+1&nbsp;也是可以的
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答