小程式 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選項卡切換例項程式碼
- Tab鍵切換選擇物件物件
- AntMobile tab 切換解決方案
- 簡單的Tab切換元件元件
- 小程式標籤切換
- 使用Bootstrap tab頁切換的使用boot
- 用純css實現Tab切換CSS
- 小程式切換主題配色
- 用CSS實現Tab頁切換效果CSS
- 純CSS實現Tab欄的切換CSS
- 小程式標籤頁切換效果
- tab-switch 樣式的新增 與 tab元素樣式的切換
- datatable.js之tab切換(新增,刪除)JS
- javascript實現tab切換的四種方法JavaScript
- jquery另外一種類似tab切換效果jQuery
- 使用JavaScript設定Tab欄自動切換JavaScript
- Win10 - 使用‘Alt+Tab’不能切換視窗及更改切換風格Win10
- Flutter仿頭條頂部tab切換實現Flutter
- 純CSS的導航欄Tab切換例項CSS
- html兩種方法來實現tab切換效果HTML
- CSS3 tab選項卡動態切換CSSS3
- MVVM框架下實現左右滑動切換tabMVVM框架
- 程式切換(上下文切換)
- 微信小程式頁面功能-----標籤切換微信小程式
- flutter實戰6:TAB頁面切換免重繪Flutter
- Blazor如何實現類似於微信的Tab切換?Blazor
- 小程式類似抖音視訊整屏切換
- vue 實現tab切換動態載入不同的元件Vue元件
- 用Enter鍵替代Tab鍵切換欄目的資料窗
- 微信小程式自定義tab,多層tab巢狀實現微信小程式巢狀
- win10系統按alt+tab無法切換到桌面_windows10系統alt+tab不能快速切換桌面如何解決Win10Windows
- oracle 切換undo tablespace小結Oracle
- 同一excel檔案中不同sheet間alt+tab切換Excel
- 專案常用效果!Flutter仿頭條頂部tab切換實現!Flutter
- 如何在自定義 Tool Bar 和 Tab Bar 之間切換顯示
- AltTab 6.7.4 讓你體驗Windows的alt-tab視窗切換功能Windows