微信小程序开发中遇到的坑坑坑!

1. 上拉加载(onReachBottom)&下拉刷新(onPullDownFresh)

下拉刷新(onPullDownFresh): app.json中配置

{
  "enablePullDownRefresh": true
}

再在需要下拉刷新的页面加上onpulldownfresh函数即可触发

****注意,不管onpulldownfresh中有没有写过方法,都要加上

wx.stopPullDownRefresh()

终止下拉刷新,否则真机展示页面不会回弹! 

 

2. 组件之间的相互传值

父--》子:

父组件:

子组件:

在其json文件中设置:

{

“component”:true

}

js文件中接受父组件传递来的参数,写于property中:

 

properties: { 

transData: {

type: Object,

value: {}

},

}

 

子--》父:

子:this.triggerEvent("selectedItem", that.data.searchData)

父:

selectedItem: function (e) {

//console.log("搜索参数返回:");

//console.log(e.detail);

var data = e.detail;

}

3. 关于button的问题

狗b微信现在是要通过按钮绑定事件才可以获取用户信息,但是很多情况我们不希望页面出现按钮,这就需要复写按钮的样式,那么问题来了,我复写样式之后,发现点哪儿都会触发这个按钮,这是怎么肥四呢!

需求:用户收藏房源需要用户授权,代码如下:

wxss代码如下:

.userBtn{
  background-color:transparent;
  border: 0px;
  position: static;
  line-height: 1.6;
  padding: 0;
}
/*不过这样并没有解决点哪都会触发按钮的问题,那么问题是出在哪里呢?!*/

/*原来所有的button都有一个after,这里width和height都等于200%!*/
.userBtn:after { 
width: 0rpx;
height: 0rpx;
position: absolute;
top: 0;
left: 0;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
box-sizing: border-box;
border-radius: 10px;

}

https://blog.csdn.net/qq_35324453/article/details/81559113

你可能感兴趣的:(微信小程序开发中遇到的坑坑坑!)