以下是我在开发微信小程序过程中经常用到的方法,在此处做个笔记,便于查找,长期更新。
1. 自定义弹窗防止底层触摸
//index.wxml
/****弹窗****/
<view catchtouchmove='true'>
...
</view>
2. 阻止事件冒泡
//index.wxml
/****点击事件****/
<view catchtap='myFunction'>
...
</view>
3. 修改页面title
//index.js
/****onLoad函数****/
onLoad(){
wx.setNavigationBarTitle({
title: '首页'
});
}
4. wx:if和hidden的区别
wx:if是根据if条件加载Dom,是对Dom的重新加载,频繁更改if的值会影响页面性能;
hidden是类似于{display:none}这个属性,是在加载好Dom的情况下对Dom进行显示和隐藏,不会对Dom进行操作。
需要频繁的对组件进行显示和隐藏时,建议使用hidden。