uniapp开发小程序遇到的坑

这篇具有很好参考价值的文章主要介绍了uniapp开发小程序遇到的坑。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

这是一篇随手笔记。。

坑1.HbuilderX最新版现在还有一些问题,编译的时候很可能出现各种各样的报错
例如:error: NavigationTrace
Failed to mount component: template or render function not defined等等
建议先不用最新版,已经更新到最新版的小伙伴,不用慌,可以在工具栏-帮助-切换到上一个版本
uniapp开发小程序遇到的坑
坑2.小程序tabbar点击切换不触发onload

//把在onload执行的函数放在这里在执行一遍,就可以解决了
onTabItemTap(e){
  console.log(e) // 当前tabbar信息
}

坑3.非tab页面跳转导致tabbar不显示

在由tab页跳转到非tab页时不要用navigateTo和redirectTo,可以使用relaunch方式进行跳转,这样在返回时能够成功显示tabbar并不影响后续流程。

坑4.使用navigateTo往返页面跳转5次,就会失效

啥也别说了,换一种跳转方式吧redirectTo或者relaunch

坑5.列表页获取数据的时候,页面会闪一下

页面里面存在图片,图片只定义了宽度,没有定义高度
解决:给图片定义高度

坑6.安卓手机调用uni.scanCode识别普通二维码的时候,被拦截到小程序的时候,是先执行onShow才执行uni.scanCode的回调函数
重要的是ios手机不会,真的是吐血。。。

坑7.uniapp的项目在循环遍历节点上点击事件传的参数是undefined
这种情况不常见,但是我就是遇到了。。。

<view class="oper-item" v-for="(pro,index) in operlist" :key="index" @click="getPath(pro.path)">
把:key的值设为index就可

虽然index作为key不友好,但是没办法啊。。
有更好解决方法的踢我

坑8.在页面调用uni.scanCode识别普通二维码再进来小程序该页面,会再执行一次onShow,也就是onShow会执行两次
记得有需要数据回显的页面,请求数据的时候一定不要放在onShow,否则很有可能会导致新更改的数据,被回显的数据覆盖

笔记到此完结~文章来源地址https://www.toymoban.com/news/detail-483244.html

到了这里,关于uniapp开发小程序遇到的坑的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

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

    目录 1、clearInterval不起作用 2、设置background: linear-gradient(180deg, #FCF8F5 0%, #FCF8F5 99.9%, transparent 100%);解决元素底部有黑线的问题。但是在ios中不起作用。 3、wx.createAnimation,设置的动画只能执行一次 4、swiper在苹果手机上显示不全(打开就这样),安卓手机也会出现这种情况(反

    2024年02月08日
    浏览(28)
  • 关于uniapp全局挂载变量/方法的问题,没遇到过点进来吧,记录一下我踩过的坑。

    事情是这样的,我在用uniapp做一个微信小程序,遇到了个问题,是在封装uni.request()到全局方法的时候,其实就很简单的,是关于 this的指向问题 (若想了解此问题的话,点这里去看大佬的文章!!!) ,找几个小时的博客都未能解决。 建uniapp项目时用了vue3,那么就要遵

    2024年02月16日
    浏览(49)
  • [uniapp] 跨页面传值 uni.$emit 和 uni.$on 的使用方法 以及遇到的坑

    uni.$emit 和 uni.$on 是uniapp自带的跨页面传值    vue 父子通讯可以用 props  this.$emit   这种简单的父子通讯紧适用于 页面和组件 或者 组件之间的传值,他并不适用于页面和页面的互相传值 那要实现页面通讯呢,我们一起来看看uni.$emit 和 uni.$on的使用方法 示例:         A页面

    2024年02月02日
    浏览(43)
  • 生成小程序URLlink链接遇到的坑

    在小程序开发中,经常会遇到 引流,推广 各种各样的业务需求。让一个用户快速的进入你的小程序是最终的目标。 1、微信搜索 2、聊天分享进入 3、扫二维码 4、微信公众号 5、短链接 1~4的方式都是非常常见的,今天讲第5种(主要用于非微信环境打开小程序) 短链接有两种

    2024年02月04日
    浏览(40)
  • 关于微信小程序 textarea 遇到的坑

    1、获取到焦点 键盘弹出时 页面上拉         解决方法         设置adjust-position为false         参考官网:textarea | uni-app官网 textarea的abjust-position属性                 例子: 注意加: 2、键盘弹出的时候去掉 键盘上方完成“按钮那一栏         解决方法    

    2024年02月15日
    浏览(36)
  • 关于微信小程序原生组件与uniApp混合开发过程遇到的问题与解决方式

    前言: 在实际开发过程中,尤其是小程序的开发,我们常常会遇到一些在文档中解决不了的问题,在这里,我就浅谈一下我遇到的一些问题 1.小程序的构建框架是uni-app,却突然被要求用原生的微信小程序代码来开发,到最后要整合到uni-app里面 这个整合问题,uni-app官网就有

    2024年02月05日
    浏览(75)
  • 小程序页面跳转使用reLaunch遇到的坑

    开发的当前功能总共有4个页面1.2.3.4其中1为首页2为列表页3为详情页4为退货详情页 跳转顺序需要4--2 实现方式:1.redirectTo 【关闭当前页面跳转到目的页面,会造成多个列表页的关闭情况】  wx.redirectTo({        url: \\\'/packagePos/pages/pos/delivery/deliveryOrder/deliveryOrder\\\',      });

    2024年02月08日
    浏览(44)
  • 微信小程序整合vantweapp van-field遇到的坑?

    最低基础库版本在 2.9.3 以上时,可以使用简易双向绑定。 但是在双向绑定的时候,发现有一个层级关系 在用户添加地址,和van-popup、van-area结合使用的时候,点击输入框,弹出选择地址的框,此时发现用户仍然可以输入,我就想到了禁用,但是发现禁用会置灰,给用户一种

    2024年02月11日
    浏览(86)
  • uniapp开发笔记----配置钉钉小程序

    接上一章之后,我想要把项目配置成钉钉小程序 官方文档点击这里 1. 项目根目录添加package.json文件 2. 之后点击运行就可以看到已经添加了钉钉小程序 3. 如果首次使用需要配置 点击运行之后会跳转到配置页面,滑块最后便可以快速选中工具地址

    2024年04月12日
    浏览(38)
  • uniapp开发笔记----发布成微信小程序体验版本

    之前有用过微信小程序原生开发,后来面试时候都会问uniapp,最近有空有研究下uniapp,项目0-1开发流程笔记,主要内容如下,中间可能会有修改。 1. 创建项目 文件-新建-项目,选一个你想要的模版或者不选 2. 开发页面 项目配置 写一个首页布局 3. 打包成微信小程序 打开微信

    2024年04月23日
    浏览(41)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包