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

1. 上拉加载（onReachBottom）&下拉刷新（onPullDownFresh）

下拉刷新（onPullDownFresh）: app.json中配置

{
  "enablePullDownRefresh": true
}

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

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

wx.stopPullDownRefresh()

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

 

2. 组件之间的相互传值

父--》子：

父组件：

<subcom  transData="{{data}}"></subcom>

子组件：

在其json文件中设置：

{

“component”：true

}

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

 

properties: { 

transData: {

type: Object,

value: {}

},

}

 

子--》父：

<subcom  transData="{{data}}"  bind:selectedItem='selectedItem'></subcom>

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

父：

selectedItem: function (e) {

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

//console.log(e.detail);

var data = e.detail;

}

3. 关于button的问题

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

需求：用户收藏房源需要用户授权，代码如下：

<button class='collect_icon t_center userBtn' open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">
<image src='../../../images/icons/collect_icon.png'></image>
<view class="font12">收藏房源</view> 
</button>

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