1、api组件页面跳转uniApp有两种页面路由跳转方式：调用API跳转、navigator组件跳转。 在页面建立一个跳转按钮<button class="defult" @click="tiaozhuan">登录页面</button>navigateTo：跳转之后有箭头返回 uni.redirectTo ：重定向页面，关闭当前页面，跳转到应用内的某个页面，返回不到原页面。
转载
2023-12-07 10:29:42
2675阅读
使用带来的好处：不用一层层传递：页面组件可以直接获取到所在页面的实例上的数据，而不用通过prop一层层传下去，在页面组件所在的层级较深时极其好用解耦：页面组件实现某些功能需要借助所在页面的生命周期钩子来进行一些操作的时候，使用该方法可以不用将处理的代码写在所在页面的钩子里，而是直接将代码写在页面组件里。 例如：视频组件在滑动到某个节点才开始自动播放，就需要所在页面的 onPageScroll钩子里
转载
2024-10-08 10:21:20
48阅读
目录前言编辑提示下 （☆）问题一 问题二代码后续my.vue文件B页面前言因项目的需求，需要我完成 在微信的扫一扫中，扫后端定义的二维码进入小程序中这个需求说简单也很简单，说难也不难，就是花费了我几天的时间需要在 开发 ---> 开发管理 下的开发设置 一直往下滑 直到出现 扫普通链接二维码打开小程序 这一栏 写 小程序功能页面的时候，要想好路径后在
转载
2024-03-14 07:42:35
71阅读
相信每个开发都遇到过：本地调试好好的没毛病，为啥一上 测试/正式 就出毛病了呢？今天我想记录的问题与此类似，是我在使用 uniapp 框架进行开发时，本地调试一切正常，但是打了微信小程序包，在微信开发者工具中调试时，遇到了许多奇奇怪怪的错误，在此记录下来，以防再次踩坑。1、微信小程序不支持本地引入 background-image本地调试正常的背景图，在微信中一打开就会报如下错误：[渲染层网络层错
转载
2023-12-01 10:59:13
383阅读
app,h5端引入uniapp本身的全局设置中有个iconfontsrc属性 所以只需要 1.iconfont将需要的icon添加至项目 2.下载到本地解压后,将其中的ttf文件,放在static静态目录下 3.在page.json中对全局文件进行配置tabBar(导航图标)“iconfontSrc”: “static/font/iconfont.ttf”, 这个属性是字体目录"tabBar":
最近有一个圣诞节活动需求：浏览除登录之外的任意三个页面，页面出现一个小雪人的浮窗，可点击进入活动页首先是h5，用的vue，可以直接在app.vue中调用小雪人浮窗组件，并在监测页面跳转watch $route中记录次数（因为要求没那么严格，我就只存在了浏览器缓存）<template>
<div>
<keep-alive>
<
最终实现效果图：（图中提交按钮下面的绿色是为了遮盖页面超出内容，比如下图的图片和添加图片按钮就被盖住了，去掉绿色那一部分在真机上就会显示出来，很难看） 实现后效果图
在轻应用混战的当下，小程序已经成为巨头们角逐的焦点，阿里自然也不甘落后。据阿里官方的数据，截止到今年 1 月 28 日为止，支付宝小程序应用数已经达到 12 万，总用户数突破 5 亿，日活跃用户数突破 2.3 亿，用户通过支付宝首页下拉入口进入小程序的日人均打开次数为 4 次，支付宝小程序也因此被称为“蚂蚁金服未来三年最重要的战略之一”。然而，支付宝公开的信息更多面向的是普通用户，开发者能获知的信
目前 uniApp也成为一种 App端开发的大趋势 因为在目前跨端 uniApp可以说相当优秀可以同时兼容 H5 PC 小程序 APP 的技术 目前市场屈指可数 那么 说到微信小程序 自然就要处理分包 因为微信小程序对应用大小限制非常铭感 限制在2MB 超过之后就会无法真机调试与打包不过需要注意的是 就算分包 确保每个包都不大于 2MB的情况下 如果主包加上其他包总和大于 20MB依旧会超过限制不
转载
2024-09-21 11:20:33
1058阅读
毕设要求写一个浏览器端，一个APP端，一个微信端，刚开始以为要学三个技术然后写三个客户端，后来知道了uni-app这个神器，一次编写就可以编译生成APP、H5以及各种小程序版本的客户端。然而我比较熟悉的是web的前端开发，而且浏览器用于测试也是唾手可得，所以整个开发过程中用浏览器测试的基本上都很顺利，展现的效果也很好，然而在编译小程序端的时候出了很大的问题，整个页面都扭曲了，经过这两天的查资料与修
转载
2023-11-10 22:33:03
288阅读
# UniApp小程序相册选择拍照底部弹窗兼容iOS高度
在开发UniApp小程序时，用户需要能方便地从相册选择照片或者直接拍照。iOS和Android的系统设计样式有所不同，尤其在底部弹窗的高度和适配上，往往会出现适配问题。本文将重点介绍如何创建一个兼容iOS高度的相册选择拍照底部弹窗，并提供完整的代码示例和流程图。
## 一、项目准备
在开始编码之前，请确保你已经安装了最新版的UniAp
1.指定页面不显示返回或首页按钮onShow(){
uni.h
}2.uni-app 开发微信小程序长按识别 ![在这里插入图片描述](/*
*2.使用image标签的show-menu-by-longpress属性
*show-menu-by-longpress开启长按识别功能
*/
<template>
<image
v-if="popupURL"
前期概述：做了很长时间的小程序了，在此做一个完整的项目总结，希望可以帮助到正在学习、开发的小伙伴。此篇文章并不涉及一些原理，更重要的是帮助大家实现功能、流程。uniapp 还是很强大的 可以开发 小程序、h5、pc、app等，总的来说他是一款跨平台的应用框架。一、创建项目及初始化步骤（1）创建（2）启动小程序 启动小程序 最好现在uniapp中配置一下小程序的appid 否则
转载
2023-09-24 16:31:01
49阅读
uniapp 云打包后IOS白屏，真机调试也是白屏，没有报错！解决办法！原来用uniapp 写的小程序 然后要翻成app 一开始还是很顺利的，因为安卓端测试 没有什么大问题；但是IOS直接白屏，只能看到tabBar 百度了各种 都没有得到解决，困扰了一天！！ 然后第二天突然想到会不会是subPackages 分包机制的问题，然后看了一下官网：subPackages分包加载配置，此配置为小程序的分包
转载
2023-08-02 15:48:16
1015阅读
二、框架概述1.uni-app概述Dcloud地址：DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架Dcloud是uniapp框架开创者Dcloud:国内领先的开发者服务公司，W3C会员，HTML5中国产业联盟发起单位。提供了很多服务开发者的工具，比如HBuilde
转载
2023-12-10 19:29:13
291阅读
在开发和发布基于 uniapp 的小程序时，iOS 设备上偶尔会遇到白屏问题。这种情况通常由于页面加载失败、资源未能正确加载或者网络请求被阻塞等原因造成。白屏现象不仅影响用户体验，还可能导致用户流失，因此解决这一问题显得尤为重要。在接下来的博文中，我们会详细描述解决 uniapp 小程序 iOS 白屏问题的过程，包括背景定位、演进历程、架构设计、性能攻坚、复盘总结和扩展应用等方面。
### 背景
uniapp 小程序在 iOS 设备上经常出现的“弹性问题”是开发者们在构建移动应用时需要面临的一个常见挑战。这个问题主要体现在用户在进行滚动操作时，内容与界面不一致的现象，使得用户体验受到了极大的影响。在本文中，我将结合技术原理、架构解析、源码分析等多个方面，详细解读如何解决这个问题。
首先，让我们了解一下这个问题产生的背景。由于 iOS 系统在处理滚动与弹性效果时与 Android 有所差异
# Uniapp iOS 小程序白屏问题及解决方案
随着移动互联网的迅速发展，小程序因其轻量、易用的特性受到广泛欢迎。特别是在使用 Uniapp 开发时，我们能够一套代码部署到多个平台，比如 iOS、Android 以及各大主流小程序。尽管如此，开发者在实际开发中仍可能遇到诸如 "白屏" 这类问题。本文将详细解析这一问题，提供原因和解决方案，并通过代码示例帮助大家更好地理解这一问题。
## 什
# uni-app iOS小程序蓝牙开发指南
本文旨在帮助刚入行的小白开发者实现“uni-app iOS小程序蓝牙”功能。我们将通过一系列步骤，深入讲解每一步需要的代码和实现方式。此外，我们还会使用流程图和饼状图展示整个流程，帮助你更好地理解。
## 开发流程概览
我们可以将整个开发过程分为以下几个阶段：
| 步骤 | 描述 |
| ---- | -
随着移动应用的发展，分享功能已经成为用户体验的重要组成部分。对于使用 uniapp 进行 iOS 小程序开发的朋友们来说，分享小程序的功能实现有着一定的挑战。在这篇博文中，我将详细记录在实现“uniapp ios分享小程序”过程中遇到的步骤和思路，从环境配置到进阶指南，希望为大家提供一些有价值的参考。
```mermaid
mindmap
root((环境配置))
Config1((
