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

最新推荐文章于 2025-05-16 23:03:24 发布

xyzgzszdmsdi

最新推荐文章于 2025-05-16 23:03:24 发布

阅读量3w

点赞数 15

CC 4.0 BY-SA版权

分类专栏： # uni-app 文章标签：坑前端移动端 uni-app uniapp

本文链接：https://blog.youkuaiyun.com/httguangtt/article/details/96103043

uni-app 专栏收录该内容

2 篇文章

订阅专栏

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

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

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