微信小程式把玩(二十)slider元件
原文:微信小程式把玩(二十)slider元件
slider滑動元件用的不太多,在其他平臺反正我是用的不多
主要屬性:
wxml
<slider
max="100"
step="10"
show-value="true"
bindchange="listenerSlider"
/>
js
Page({
data:{
// text:"這是一個頁面"
},
/**
* 監聽slider
*/
listenerSlider:function(e) {
//獲取滑動後的值
console.log(e.detail.value);
},
onLoad:function(options){
// 頁面初始化 options為頁面跳轉所帶來的引數
},
onReady:function(){
// 頁面渲染完成
},
onShow:function(){
// 頁面顯示
},
onHide:function(){
// 頁面隱藏
},
onUnload:function(){
// 頁面關閉
}
})
相關文章
- 微信小程式把玩(三十七)location API微信小程式API
- 微信小程式元件button微信小程式元件
- 微信小程式元件封裝微信小程式元件封裝
- 微信小程式框架與元件微信小程式框架元件
- 微信小程式-表單元件微信小程式元件
- 微信小程式-媒體元件微信小程式元件
- 微信小程式-地圖元件微信小程式地圖元件
- 微信小程式-畫布元件微信小程式元件
- 微信小程式元件化(上)微信小程式元件化
- 微信小程式自定義元件微信小程式元件
- 【微信小程式】常用元件及自定義元件微信小程式元件
- 微信小程式元件初體驗微信小程式元件
- 微信小程式前端框架/UI元件微信小程式前端框架UI元件
- 微信小程式修改switch元件大小微信小程式元件
- 微信小程式-檢視容器元件微信小程式元件
- 【微信小程式】小程式內如何匯入vantUI元件微信小程式UI元件
- 微信小程式實用小元件:自定義tabbar微信小程式元件tabBar
- 微信小程式開發(十一)小程式地圖元件map微信小程式地圖元件
- (乾貨)微信小程式元件封裝微信小程式元件封裝
- 微信小程式元件設計規範微信小程式元件
- 小程式元件-仿微信通訊錄元件
- 微信小程式中引用vant元件庫微信小程式元件
- 微信小程式-基礎內容元件微信小程式元件
- 微信小程式自定義元件-可清除的input元件微信小程式元件
- 微信小程式text元件和view元件不換行微信小程式元件View
- 微信小程式元件化(下):程式碼實現微信小程式元件化
- 微信小程式下拉選單自定義元件微信小程式元件
- 微信小程式元件化的解決方案微信小程式元件化
- 微信小程式自定義元件-城市選擇微信小程式元件
- 微信小程式之倒數計時元件微信小程式元件
- 微信小程式自定義元件封裝及元件傳值微信小程式元件封裝
- 微信小程式 MinUI 元件庫系列之 badge 徽章元件微信小程式UI元件
- 微信小程式 MinUI 元件庫系列之 avatar 頭像元件微信小程式UI元件
- 微信小程式 MinUI 元件庫系列之 elip 文字截斷元件微信小程式UI元件
- 微信小程式Video元件實踐總結微信小程式IDE元件
- 微信小程式pick元件使用問題總結微信小程式元件
- 微信小程式自定義元件實現 tabBar、navBar微信小程式元件tabBar
- 【重構】微信小程式倒數計時元件微信小程式元件