鍍金池/ 問答/HTML5  HTML/ 小程序點擊view改變樣式,view是通過wx:for循環(huán)出來的

小程序點擊view改變樣式,view是通過wx:for循環(huán)出來的

不清楚這種循環(huán)出來的,怎么點擊改變樣式,如果單個的話可以通過點擊改變變量,改變類名,這種循環(huán)出來的怎么辦呢?求大佬指教

回答
編輯回答
檸檬藍

className也存儲為一個數組跟隨數據進行渲染,點擊某一個index下的element,則去修改對應indexclassName,重新渲染即可。

2018年3月27日 08:34
編輯回答
空白格

首先你要明白的是,雙向數據綁定下,你沒有修改這個數組中需要在循環(huán)中使用到的數據,那么這個列表渲染出來就不會變化。你可以在點擊的時候,用一個值去定義當前點擊的是哪個,然后修改這個元素的樣式

<view wx:for="{{TabList}}" wx:for-item="tab" data-tabid='{{tab.TabId}}' wx:for-index="tabindex" data-index="{{tabindex}}" class="{{tabindex == selectTab ? 'index-tab-select' : ''}}" bindtap='switchTab'>{{tab.MarketTitle}}</view>
switchTab: function (e) {
        var index = e.currentTarget.dataset.index
        var tabid = e.currentTarget.dataset.tabid
        this.setData({
            selectTab: index
        })
    }
2018年9月8日 04:43