xiaohuizhang
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;
}
 

分类:

技术点:

相关文章:

  • 2022-01-27
  • 2022-01-08
  • 2021-12-31
  • 2021-09-09
  • 2022-02-05
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-12-28
  • 2021-09-03
相关资源
相似解决方案