小程式 tab切換
index.wxml
<view class="{{currentTab==1?'active1':''}}" data-current="1" bindtap="switchNav">
index.js
switchNav: function(event) {
var cur = event.currentTarget.dataset.current;
if (this.data.currentTab == cur) { return false; }
else {
this.setData({
currentTab: cur
})
}
},
注:原來一直沒做對,是因為這裡獲取dataset的值,是用currentTarget,而不是target,與js不同,坑了我幾十分鐘。
相關文章
- 前端小demo——tab切換前端
- 微信小程式-uniapp-切換tab時資料列表如何切換?微信小程式APP
- Tab鍵切換選擇物件物件
- 用CSS實現tab切換CSS
- 小程式標籤切換
- 使用Bootstrap tab頁切換的使用boot
- 用純css實現Tab切換CSS
- 小程式切換主題配色
- 純CSS實現Tab欄的切換CSS
- 用CSS實現Tab頁切換效果CSS
- tab-switch 樣式的新增 與 tab元素樣式的切換
- datatable.js之tab切換(新增,刪除)JS
- 使用JavaScript設定Tab欄自動切換JavaScript
- javascript實現tab切換的四種方法JavaScript
- 小程式標籤頁切換效果
- CSS3 tab選項卡動態切換CSSS3
- Flutter仿頭條頂部tab切換實現Flutter
- 純CSS的導航欄Tab切換例項CSS
- html兩種方法來實現tab切換效果HTML
- 程式切換(上下文切換)
- flutter實戰6:TAB頁面切換免重繪Flutter
- vue 實現tab切換動態載入不同的元件Vue元件
- Blazor如何實現類似於微信的Tab切換?Blazor
- 微信小程式頁面功能-----標籤切換微信小程式
- win10系統按alt+tab無法切換到桌面_windows10系統alt+tab不能快速切換桌面如何解決Win10Windows
- 同一excel檔案中不同sheet間alt+tab切換Excel
- 小程式類似抖音視訊整屏切換
- 微信小程式自定義tab,多層tab巢狀實現微信小程式巢狀
- 如何在自定義 Tool Bar 和 Tab Bar 之間切換顯示
- 專案常用效果!Flutter仿頭條頂部tab切換實現!Flutter
- AltTab 6.7.4 讓你體驗Windows的alt-tab視窗切換功能Windows
- 【Android】 banner+tab吸頂+viewpager切換+重新整理載入之實現AndroidViewpager
- win10系統alt +tab無法切換至桌面怎麼設定Win10
- 小程式元件-swipe多頁切換,並支援下拉重新整理,上拉載入,menu動態聯動切換元件
- 前端 javascript 練習題 -簡易年曆及tab切換簡易年曆【千鋒】前端JavaScript
- win10系統中alt+tab沒法用怎麼辦_Win10系統alt+tab不能切換如何解決Win10
- 棧切換
- vue3常見問題及解決方案(四)父元件切換行,然後子元件切換tab,子元件內的資料不重新整理Vue元件
- 「程式設計師小漫畫」 之 不用Tab鍵的後果程式設計師