微信小程序怎么动态设置class值

Question

        <view class="anthology_title">
          <text>选集</text>
          <text>全{{vurl.length}}话</text>
        </view>
        <view class="anthology_item">
          <view wx:for="vurl" bindtap="xj"><!--主要问题在这里，这个wxfor这里-->
            <text wx:if="{{index == 0}}" class="choice">{{index + 1}}</text>
            <text wx:else class="no">{{index + 1}}</text>
          </view>
        </view>

问题在vx:for那一部分。默认进去第一个text的class是choice，这个我已经配置好了，我想的是，当我点了这个wx:for里面的其他容器的时候（获得焦点），更改no为choice，然后其他失去焦点的容器又变回去no

Answer 1

用一个变量记录选中的下标，然后wx:for的时候和遍历到的数组下标index比较下就行，不需要if判断，直接设置class属性，示例如下
代码片段：https://developers.weixin.qq.com/s/7F8lEZmc7rwj

js

Page({
data:{
selected:0,//要更改选择默认的项或者保存后读取数据库更改这个数据项就行
vurl:['url1','url2','url3']
},
xj(e){
  this.setData({selected:e.currentTarget.dataset.index})
}
})

wxml

<view class="anthology_title">
          <text>选集</text>
          <text>全{{vurl.length}}话</text>
        </view>
        <view class="anthology_item">
          <view wx:for="{{vurl}}" bindtap="xj" data-index="{{index}}">
            <text class="{{index==selected?'choice':'no'}}">{{index + 1}}--{{item}}</text>
          </view>
        </view>

wxss

.choice{color:#f00}
.no{color:black}