javascript - 微信小程序在wx:for循環(huán)里判斷數(shù)據(jù)再給類名,條件為動(dòng)態(tài)時(shí)無(wú)效
問題描述
直接寫數(shù)字去判斷可以,寫index就不行,{{tabArr.curHdIndex==’{{index}}’? ’classify-left-select’ : ’’}}這句出錯(cuò)
<view bindtap='tabFun'> <block wx:for='{{Data}}' wx:for-item='group' wx:for-index='index'> <view data-id='{{index}}'>{{group.Group.Name}}</view> </block> </view><view class='classify-right'> <block wx:for='{{Data}}' wx:for-item='group'> <view class='classify-right-item {{tabArr.curBdIndex==’{{index}}’? ’classify-right-select’ : ’’}}'><image src='http://www.cgvv.com.cn/wenda/{{group.Group.IconUrl}}'></image><view class='classify-right-tag'> <navigator wx:for='{{group.Tags}}' wx:for-item='Tags' url='/pages/productlist/productlist?loadtype=tag&keyword={{Tags.ProductTagID}}' hover-class='navigator-hover'> <image src='http://www.cgvv.com.cn/wenda/{{Tags.IconUrl}}'></image> <text>{{Tags.TagName}}</text> </navigator></view> </view> </block> </view>
生成xml如下:
<viewclass='classify-left'style='height:'><viewclass='classify-left-item 'data-id='0'>母嬰</view><viewclass='classify-left-item 'data-id='1'>護(hù)膚</view><viewclass='classify-left-item 'data-id='2'>彩妝</view><viewclass='classify-left-item 'data-id='3'>個(gè)護(hù)家居</view><viewclass='classify-left-item 'data-id='4'>食品保健</view><viewclass='classify-left-item 'data-id='5'>服飾鞋包</view></view>
可以看出,類名并未以index判斷輸出。。求指出錯(cuò)誤
問題解答
回答1:<view data-id='{{index}}'>{{group.Group.Name}}</view>回答2:
雙大括號(hào)內(nèi)的都會(huì)被解析執(zhí)行,tabArr.curBdIndex==’{{index}}’中的’{{index}}’整個(gè)都被當(dāng)成字符串,當(dāng)然一直都為假了,自然渲染為空。
只要寫成tabArr.curHdIndex==index就能正確判斷了。
