1.获取input的值
<input bindinput="bindKeyInput" placeholder="输入同步到view中"/>
bindKeyInput: function(e) { this.setData({ inputValue: e.detail.value }) },
1.获取标签属性的属性值data-:
<button binTap="buy" data-productid="101"></button>
//JS调用: buy:function(e){ console.log(e.target.dataset.productid); //输出结果:101 }
<view bindtap=\'upEwm\' data-which=\'1\' > </div>
//JS调用: buy:function(e){ console.log(e.currentTarget.dataset.which); //输出结果:1 }
注意:data-productid 中的productid必须为小写,驼峰式命名会undefined.
2.跳转页面说明:
(1)跳转到无底部菜单页面
wx.navigateTo({
url: \'../help/help\'
})
(2)跳转到有底部菜单页面
wx.switchTab({
url: \'../index/index\'
})
3.修改当前页面全局变量:
this.setData({
mode: mode
})
4.常见加载及提示弹窗:
wx.showToast({
title: \'录音时间太短\',
icon: \'loading\',
mask: true,
duration: 800
})
wx.showToast({
title: \'开始播放!\',
icon: \'success\',
duration: 1200
})
wx.showLoading({
title: \'正在抢红包\',
mask: true
})
wx.showModal({
title: \'提示\',
content: res.errMsg,
showCancel: false,
success: function (res) {
}
});
//封装可简单调用,减少代码量
modal: function(title, content) {
wx.showModal({
title: title,
content: content,
showCancel: false,
})
}
5.全局变量,方法的调用
(1)app.js:
App({
setConfig: {
url: \'https://redpack.topmdrt.com\',
urlImg: \'http://oss-img.topmdrt.com\',
urlMp: \'https://redpack-img.topmdrt.com\'
},
onLaunch: function() {
wx.clearStorage();
this.userLogin();
},
modal: function(title, content) {
wx.showModal({
title: title,
content: content,
showCancel: false,
})
},
})
调用方法:
//获取应用实例
const app = getApp()
app.setConfig.url
app.modal(\'温馨提示\', \'没有余额\');
6.小程序开发常见表单提交验证:
formSubmit: function(e) {
if(e.detail.value.name==""){
warn = "请填写您的姓名!";
}else if(e.detail.value.tel==""){
warn = "请填写您的手机号!";
}else if(!(/^1(3|4|5|7|8)\d{9}$/.test(e.detail.value.tel))){
warn = "手机号格式不正确";
}else{
}
}
var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
if(!regIdNo.test(e.detail.value.code)){
alert(‘身份证号填写有误‘);
return false;
}