uni-app遇到的坑以及注意事项

本文介绍了小程序开发中的实用技巧,包括组件内图片引入需使用绝对路径、事件处理采用tap而非click、阻止事件冒泡的方法等。此外还涉及了picker组件样式设置、scroll-view组件的兼容性问题解决方案以及如何通过touchmove事件阻止页面滚动。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 组件内引入图片要使用绝对路径。/static/...
  2. 主页面的生命周期用onLoad代替createdonReady代替mounted。组件内使用原来的createdmounted
  3. tap事件代替click事件。
  4. 阻止事件冒泡时要在外层加一层标签<view @tap.stop="stop"></view>,直接在需要使用的方法上加.stop无效。
  5. <picker>中最好写一个<view class="style">写样式,而不是在picker上加样式。
  6. <scroll-view>中写position: fixed,在ios下会有兼容性问题。
  7. 出现遮罩后阻止页面滚动,可以在遮罩的touchmove事件中阻止默认事件。@touchmove.prevent=""
  8. <swiper>一定要给高度才会生效,一般是动态获取里面的元素或列表高度再赋值给<swiper>
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值