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

最新推荐文章于 2025-10-24 10:37:51 发布

原创最新推荐文章于 2025-10-24 10:37:51 发布 · 3w 阅读

67 ·

CC 4.0 BY-SA版权

文章标签：

#坑 #前端 #移动端 #uni-app #uniapp

uni-app 专栏收录该内容

2 篇文章

订阅专栏

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

                    
                    组件内引入图片要使用绝对路径。/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>。