美文网首页uniapp从入门到放弃
uni-app小程序开发踩坑记录

uni-app小程序开发踩坑记录

作者: 迷路小白兔 | 来源:发表于2020-07-11 15:07 被阅读0次

最近要从零开发一个跟后台管理系统对接的小程序,因为功能比较复杂,时间短,选择了比较火的uni-app,因为小程序出现的时间较短,各方面并不完善,开发过程中就是不断踩坑的过程,特此记录一小下。
uni-app虽然功能还不完善,但是插件市场里东西还是不少的,在搭建框架中因为需求要求借鉴了之前开发的PC端,所以有一些跟之前开发VUE相关的插件 ,可以提高开发效率,
插件:

  1. uni-app的路由管理很弱,没有路由守卫,针对一些权限控制的页面,无法控制,推荐插件uni-simple-router,写法参考了vue-router,可以进行路由拦截功能。
  2. 接口封装,加token等,简单的可以自己封装,如果习惯axios的写法,推荐luch-request
    3.滑动验证码,有的滑动验证不支持小程序,采用之前最好看一下文档,我这用的是腾讯云的滑动验证。

坑:
1.覆盖原生组件,需要用cover-view容器,但是cover-view里可包含的标签有限,类似view等在真机调试时不显示,需全部替换成cover-view,且icon无法显示,可以用cover-imaga代替。
2.小程序和小程序之间的跳转(如腾讯云的人机滑动验证),跳转回来时需要进行操作,此时可以判断app.vue中的options,如果按小程序文档中来说当options.scene === 1038时是小程序跳回来的场景,但是部分手机跳回来是options.scene为1001,只能将这2种都作为跳转判断的条件。
3.小程序跳转回来app中的onshow有时不执行,这个原因暂未找到
4.在uniapp的H5版本 ,接入腾讯云滑动验证,示例的点击滑动验证元素是通过dom操作的,但是无效,可能跟uniAPP不支持dom操作有关系,采用定制接入方法一,手动调用。

相关文章

  • uni-app小程序开发踩坑记录

    最近要从零开发一个跟后台管理系统对接的小程序,因为功能比较复杂,时间短,选择了比较火的uni-app,因为小程序出...

  • 小程序开发踩坑记录

    使用wepy框架 data中定义数据若为对象,UI部分不能动态获取并触发重新渲染 以上代码,Label初始化显示为...

  • 【踩坑】uni-app使用踩坑总结

    最近在重构公司的小程序,用的框架是uni-app,记录一下使用中的一些踩坑点 check-group组件在百度小程...

  • mpvue坑点记录

    在入坑小程序的日志中,原生开发,wepay开发,mpvue开发,tato开发还是uni-app,其实框架还是因人而...

  • 开发微信小程序分页功能的坑

    微信小程序开发分页的坑 微信小程序开发中list列表经常要进行分页处理,踩坑在所难免。 app.json wxml...

  • Flutter 开发记录

    Flutter 开发踩坑记录(干货总结)

  • 【原创】微信小程序开发遇到的问题

    前言 最近在开发微信小程序,顺便记录一下自己踩过的坑 一、按钮样式的修改 小程序默认按钮样式背景色是灰色,有边框,...

  • 微信小程序开发 — 开发踩坑记录

    说明 本文记录了小程序项目开发过程中踩过的坑,方便日后参考。 问题 taro-ui 问题 公司项目采用 taro-...

  • uni-app app跳转mini程序

    记录uni-app 开发的App如何跳转mini程序 1. uni-app打开分享功能 2. 获取mini程序原始...

  • 小程序踩坑记录

    小程序踩坑记录 最近做小程序比较多,就在此记录下平时遇到的问题。。。工作快三年了也没怎么记过笔记,希望能坚持下去吧...

网友评论

    本文标题:uni-app小程序开发踩坑记录

    本文链接:https://www.haomeiwen.com/subject/dcricktx.html