推荐下载
-
2020-05-12 浏览：740
-
2020-05-06 浏览：521
-
2020-05-08 浏览：510
-
2020-04-04 浏览：505
-
2020-05-12 浏览：502
微信小程序wx.showToast()，action-sheet 反馈上拉菜单，js动态给前台元素绑定事件
发布时间:2020-12-20
var pageObject ={
onLoad:function(){
wx.showToast({
title:'成功',//标题
icon:'loading',//图标，支持"success"、"loading"
image:'../image/img.png',//自定义图标的本地路径，image 的优先级高于 icon
duration:2000000,//提示的延迟时间，单位毫秒，默认：1500
mask:false,//是否显示透明蒙层，防止触摸穿透，默认：false
success:function(){},//接口调用成功的回调函数
fail:function(){},//接口调用失败的回调函数
complete:function(){}//接口调用结束的回调函数
})
}
}
Page(pageObject)
二：action-sheet 反馈上拉菜单
//js
var items =['item1','item2','item3','item4']
var pageObject ={
data:{
actionSheetHidden:true,
actionSheetItems: items
},
actionSheetTap:function(e){
this.setData({
actionSheetHidden:!this.data.actionSheetHidden
})
},
actionSheetChange:function(e){
this.setData({
actionSheetHidden:!this.data.actionSheetHidden
})
}
}
for(var i =0; i < items.length;++i){
(function(itemName){
pageObject['bind'+ itemName]=function(e){
console.log('click'+ itemName, e)
}
})(items[i])
}
Page(pageObject)
//wxml
<buttontype="default"bindtap="actionSheetTap">弹出action sheet</button>
<action-sheethidden="{{actionSheetHidden}}"bindchange="actionSheetChange">
<blockwx:for-items="{{actionSheetItems}}">
<action-sheet-itemclass="item"bindtap="bind{{item}}">{{item}}</action-sheet-item>
</block>
<action-sheet-cancelclass="cancel">取消</action-sheet-cancel>
</action-sheet>
三：js动态给前台元素绑定事件
//js动态给前台绑定事件
