uniapp

已于 2023-11-13 17:32:36 修改
阅读量36 收藏
点赞数
文章标签： uni-app
于 2023-11-13 17:30:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42782004/article/details/134373645
版权

目录配置
在这里插入图片描述

配置appid（登录微信小程序官网，找到对应的appid即可）
在这里插入图片描述


应用的生命周期是指整个app在手机中的操作，例如app启动onLaunch，app从后台切换至前台onShow，app隐藏onHide，当跳转路由不存在时触发onPageNotFound函数，这些生命周期在app.vue里面存在

页面生命周期
在这里插入图片描述
配置底部导航
使用tabBar进行配置底部导航

在这里插入图片描述
点击跳转使用navigator组件进行跳转
在这里插入图片描述
js跳转，使用uni.navigateTo方法进行跳转，注意这个url中的值只能是没有被tabBar注册的才行
在这里插入图片描述
如果是注册过了只能使用uni.switchTab方法
在这里插入图片描述
路由跳转
在这里插入图片描述
getCurentPage()可以获取当前页面栈的参数
在这里插入图片描述

路由传参和接收参数 直接在页面后拼接参数，接收的时候在onload函数后面接收
在这里插入图片描述

分包除了主页面的内容，其余页面应该放在分包下面，要新建一个文件夹
在这里插入图片描述

Api
选择图片api
在这里插入图片描述
滚动条自动滚动api
在这里插入图片描述
存储本地缓存api
在这里插入图片描述
定义全局事件
在这里插入图片描述
触发全局事件
在这里插入图片描述
stroge设置和清空
在这里插入图片描述
判断当前运行环境
在这里插入图片描述
模拟生产
在这里插入图片描述

条件兼容编译两种方式（推荐1）
1、
在这里插入图片描述
在这里插入图片描述

2、
在这里插入图片描述
uniapp的http拦截器设置以下是网址，直接使用即可，其中包含了api的集中管理

https://uviewui.com/js/http.html

vuex的使用
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

大白兔123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uniapp获取小程序openid
LW0512的博客
09-14 3687
uniapp获取小程序openid
uniapp人脸监测，uniapp人脸生物监测
10-30
uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测uniapp人脸生物监测...
uniapp使用echarts
qq_41429765的博客
08-03 3254
在uniapp中是无法直接引用echarts的所以使用uniapp的预渲染 randerjs <script module="echarts" lang="renderjs"> let myChartB, myChartZ,myChartL export default { mounted() { // // 动态引入较大类库避免影响页面展示 this.zyx(); }, methods: { zyx(){ //
uniapp跨域
热门推荐
QQ_852213985
11-28 2万+
问：为什么会有跨域问题？ 由于浏览器的同源策略导致的，是浏览器的一种安全保护机制。 浏览器从一个域名的网页去请求另一个域名的资源时，协议、域名、端口 任一不同，都是跨域 解决uniapp的跨域问题有很多方式，下面总结一下常用的几种方式 1. 使用 jsonp，可在我们封装的网络通讯中添加 dataType:'jsonp' 总结： 但是此种方式仅支持 get 请求，post好像用不了。 具体可参考：https://www.imooc.com/article/291931 2. 在uniapp根目录下的 m
uniapp stopPropagation 无效
MAIMIHO的博客
07-13 3811
官方说明 DCloud_UNI_GSQ 只支持使用修饰符，不支持使用stopPropagation，因为这里的event对象并非浏览器的evnet对象，其本来没有stopPropagation方法，文档中也从未提及支持stopPropagation方法，实现中有stopPropagation方法是为了避免开发者使用引用的第三方代码使用了stopPropagation后报错。 只能在标签上使用 .stop 如果想根据 item 内容不同来判断是否需要 stop, 只能使用 v-if 写两个标签 ..
uniapp手机号码正则验证
爬楼梯的前端小白的博客
04-12 5089
<input type="number" placeholder="请输入手机号" maxlength=11 v-model="userPhone"/> <input type="text" :password="showPassword" placeholder="请输入密码至少6位" v-model="password" maxlength=12 /> return里 返回手机号和密码默认为空 login(){ let reg = /^[1.
uniapp处理强制刷新问题
weixin_45932157的博客
04-22 3310
//处理强制处理 this.$forceUpdate();
uniapp禁止页面上下滚动
Dream_Fever的博客
06-21 2万+
uniapp禁止页面上下滚动的方法
uniapp App端 实现pdf文件预览
我的博客
05-27 2万+
一、下载pdf预览需要用到的相关文件（即hybrid文件夹） 二、将步骤一下载解压得到的hybrid文件夹放在/src目录下，即 /src/hybrid 三、预览pdf 1、预览pdf需要用到uniapp的webview组件，所以注册并创建一个专门用于预览pdf的页面，页面使用webview组件。 /pages/webview/index.vue： <template> <view style="width: 100%;"> ..
uniapp post请求
Half of if的博客
11-29 2万+
对于GET方法，会将数据转换为 query string。例如{ name: 'name', age: 18 }转换后的结果是name=name&age=18。 对于POST方法且header['content-type']为application/json的数据，会进行 JSON 序列化。 对于POST方法且header['content-type']为...
uniapp 下拉框
长春小佛爷的博客
10-15 5543
{{index==-1?'--请选择--':cou
uniapp精美ui模板
05-27
【uniapp精美ui模板】是专为开发人员设计的一套高质量UI模板，旨在提升移动应用的界面美观度和用户体验。这套模板充分利用了uniapp框架的优势，适用于构建多种类型的APP，如电商、社交、资讯等。它包含了一系列预先...
uniapp 预览docx文档
04-11
在移动应用开发中，uniapp是一个非常流行的框架，它允许开发者使用一套代码库来构建多平台的应用，包括iOS、Android、H5以及小程序等。在实际应用中，有时我们需要实现预览docx文档的功能，例如阅读合同、报告或任何...
uniAPP使用sqlite数据库demo
04-01
在移动应用开发中，uniAPP是一个非常流行的框架，它允许开发者使用一套代码来构建多平台的应用，包括iOS、Android、Web等。SQLite则是一个轻量级的嵌入式数据库，常用于移动设备上的本地数据存储。这个“uniAPP使用...
uniapp+vue3的defineProps传递
2301_76917834的博客
08-22 926
来源哔哩哔哩咸虾米
uni-app中分页器的实现
weixin_51480428的博客
08-27 214
刚进页面的时候，接收上一个页面传递过来的查询参数，此时调用后端查询接口，这时候的pageSize和pageNum值是固定的，默认查询第一页，同时将数据总条数设置给total，组件会自动根据你设置的pageSize大小和后端查询出的total计算出总的页数。后面就是用户点击上一页或者下一页按钮来触发change函数，传来当前的页数，你再去调用接口查询当前页码的数据即可。
uniapp封装请求
qq_36022463的博客
08-23 301
前端发起请求的时候，先拿到这个时间做判断，判断token是否过期，如果过期，就去请求token，，请求完成之后再发起这个请求，，第二种在前端判断要简单些，，在拿到token的时候，并在前端设置一个token的过期时间的毫秒值，约定为多久，，封装请求有两种： 一种是在服务端判断token是否失效，一种是在小程序端判断token是否过期，，第一种是请求后端，令牌过期，会返回401，没有登录，，前端收到401错误码之后，再去重试这个请求。如果没有过期，就直接发起请求，，
移动端+PC端源码，智慧城管执法系统，后端框架：springboot，移动端：uniapp
最新发布
爱笑的源码博客
08-27 318
执法办案模块下包含：我的待办、线索管理、管理事件、简易案件、普通案件、重大案件会办、车辆违停管理、当事人管理。统计分析模块下包含：线索案件统计、事案件分析、上报数据分析、事案件区域统计、AI 视频识别分析、考勤统计。首页模块下包含：待办事项、常用功能、通知公告、简易案件、普通案件、案由库、法律法规、文书模板。本系统共分为七个模块：首页、执法办案、视频智能分析、统计分析、执法队伍、基础支撑、系统管理。系统管理模块下包含：执法设置、菜单管理、字典管理、参数管理、日志管理、角色管理。全流程模板快速执法办案；
uniapp使用宫格实现多张图片预览
weixin_51480428的博客
08-27 197
change函数 点击 grid 触发 返回值 e={detail:{index:0}}
uniapp安卓原生插件开发详解
"这篇文档主要介绍了如何在UniApp中创建和使用安卓原生插件，旨在帮助开发者将安卓原生功能转化为UniApp可调用的模块。作者分享了自己的经验，提供了一种简洁的制作流程，并提供了相关的官方教程链接。" 在开发过程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值