uni app 踩坑实录

原创
01/05 21:46
阅读数 902

1.scroll-view 滚动

/*uni app scroll haker*/
this.scrollTop = Math.random();
this.$nextTick(function() {
    this.scrollTop = 0
});

2.只有在page.json里面注册的页面才有uni app自带的页面生命周期,否则只有有Vue的生命周期
3.scroll-view 隐藏滚动条 H5

.uni-scroll-view::-webkit-scrollbar {
	/* 全局设置,隐藏滚动条,但依旧具备可以滚动的功能 */
	display: none
}

4.v-for列表循环渲染时,APP中,不支持绑定方法传参,参数会不可变。如:
 

<view v-for="data in list">
   <view v-for="item in data.list">
       <!-- 此处item在列表循环中不是响应式的,即两层循环中出现第二view复用,那么item也是第一次复用那个view所传递的item,就算有key值也是没用的,官方在一些问答当中有解释,但文档中并没有详细说明 -->
      <button @tap="showItem(item)" :key="item.id"></button>
      <!--解决办法:利用标签的dataset -->
      <button @tap="showItem($event)" :data-id="item.id" :key="item.id"></button>
   </view>
</view>
<script>
   method:{
     showItem(evt){
       let id = evt.currentTarget.dataset.id;
       let item = data.list.find(item=>{item.id === id});
       //通过这样得到item,并拿来使用,顺便说一句就算showItem直接传递id,也是被复用那个view所传递的id
     }
   }
</script>

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部