uniapp

微信小程序 / UNIAPP --- 阻止小程序返回（顶部导航栏返回、左 / 右滑手势、安卓物理返回键和调用 navigateBack 接口）

目录理解page-container的原理设置禁止点击遮盖层关闭？阻止左滑返回理解page-container的原理page-container组件的所有属性，最重要的是show值。在页面上引入这个组件后，若show值为true，页面上所有各种方式触发的返回操作都会被这个组件所拦截，然后自动将值置为false。当值为false后，这个组件就没有作用了，但是我们可以重新赋值，就能让它重新恢复拦截。在

前端贾公子·2025-06-29 00:30

关于uniapp+vue2 升级 Vue3 后无法获取 query的问题

关于uniapp+vue2升级Vue3后无法获取query的问题tag：vue3迁移、uniapp兼容性、$mp变更、vue2升级、前端坑点记录在升级公司项目的时候，从uniapp+Vue2迁移到uniapp

代码简单说·2025-06-28 19:51

vue3 添加onShow,每次显示都执行

vue3的生命周期没有onShow,uniapp有提供onShow.有时候我们希望用户离开在回到页面时，把他最关心的可能变化比较平繁的数据刷新出来。

萧大侠jdeps·2025-06-28 19:50

uniapp vue3版本的一些小细节！

1,生命周期的引用import{onShow,onHide,onLoad}from"@dcloudio/uni-app"onShow(()=>{showLog('onShow')})onLoad((options)=>{showLog('onLoad')})需要引入，才可以调用2，全局引入css在main.js或者ts中，导入就可以//例如引入全局CSS文件import'./util/baseCs

养乐多～ch·2025-06-28 18:46

uniapp uts 插件开发指南

一、了解基本概念1.什么是uts语言?官方：uts，全称unitypescript，统一、强类型、脚本语言。它可以被编译为不同平台的编程语言，如：web平台，编译为JavaScriptAndroid平台，编译为KotliniOS平台，编译为Swift（HX3.6.7+版本支持）harmonyOS平台，编译为ArkTS（HX4.22+版本支持）在现有架构下，ArkTS和JS在同一环境下执行，不涉及通

ReyZhang·2025-06-28 18:46

uniappx 安卓app项目本地打包运行，腾讯地图报错：‘鉴权失败，请检查你的key‘

根目录下添加AndroidManifest.xml文件，manifest.json文件中添加："app":{"distribute":{"android":{"permissions":["",""],},"sdkConfigs":{"maps":{"qqmap":{"appkey_android":"腾讯地图key"}}}}},如此操作之后，重新自定义调试基座，运行模拟器，选择自定义基座：运行成

夏木。。。·2025-06-28 12:02

Uniapp跟原生android插件交互发信息（二）

一、背景在uni-app开发过程中，有时候会遇到uni-app插件或者提供的api对硬件操作不太友好，需要使用原生Android开发对应模块，为了使得双方通信方便，特意封装了一个接口，可实现Android与Uni-app互相通讯。二、内容做完以下第一、第二部分，即可实现Android与uni-app互相通信，当然双方通信有不同方式，具体情况具体分析，我的采用的方案是写Android原生插件,在un

飞露·2025-06-28 12:01

uniapp处理后端返回的html字符串

前言：采用v-html方法处理1.处理前↵↵document.forms[0].submit();2.处理后↵↵document.forms[0].submit();3.跳转页面方法//传参uni.setStorageSync("ICBC_GW_V3_HTML",res.result.payUrl)//跳转uni.navigateTo({url:"/subpages/cashier/webView

萌新咦～·2025-06-28 12:01

uniapp中表格固定列（Vue）

一、编写表格：主要是使用了position:sticky;进行固定，不要忘记写top/left/right/bottom的数值哦~表头1表头2表头3表头4表头5表头6操作{{item.data1}}{{item.data2}}{{item.data3}}{{item.data4}}{{item.data5}}{{item.data6}}详情exportdefault{data(){return{t

ᥬ 小月亮·2025-06-28 12:29

uniapp内嵌的webview H5与应用通信

H5端：1、找到index.html引入依赖2、在需要通讯处发送消息uni.postMessage({data:{code:200,msg:"处理完成"}})uniapp端：使用@message="handlerMessage

printf_824·2025-06-28 09:42

uniapp- UTS 插件鸿蒙端开发示例虽然我们这个示例简单但是这个是难住很多人的一大步

UTS插件鸿蒙端开发示例以上示例已开源项目地址请参考示例代码。前言虽然这个UTS插件鸿蒙端的示例看起来很简单，但说实话，这一步其实难住了不少开发者。很多人第一次做UTS插件，尤其是要跑通鸿蒙端，都会在这里卡壳。希望这份文档能帮你少走弯路，顺利迈过这道坎。基础知识补充什么是UTS插件？UTS插件其实就是uni-appx扩展API的标准插件形式。你可以把它理解成"写一份TypeScript风格的代码，

在人间耕耘·2025-06-27 23:11

uni-card组件，使用thumbnail图标，修改图片尺寸

uniapp开发微信小程序。使用uni-card组件，使用thumbnail图标，修改图片尺寸。

胡斌附体·2025-06-27 20:13

【CSS 行高陷阱：如何避免文本被截断问题】

CSS行高陷阱：如何避免文本被截断问题创建时间：2025/6/26标签：CSS,布局,文本渲染,UniApp问题背景在移动端开发中，我们经常会遇到文本显示不完整的问题。

Gazer_S·2025-06-27 18:02

【UniApp 日期选择器实现与样式优化实践】

UniApp日期选择器实现与样式优化实践发布时间：2025/6/26前言在移动端应用开发中，日期选择器是一个常见且重要的交互组件。

Gazer_S·2025-06-27 13:04

【uniapp】给图片添加水印

1、创建画布varcontext=uni.createCanvasContext('Canvas')2、获取本地图片uni.chooseImage({count:1,success:(res)=>{varfile=res.tempFilePaths[0];consttempFiles=res.tempFiles[0]})})3、获取图片信息----添加水印uni.getImageInfo({src

改bug的101天·2025-06-27 11:21

uniapp微信小程序：editor组件placeholder字体样式修改

一、问题描述微信小程序editor组件的placeholder字体默认为斜体字，官方对此没有属性可以设置它的样式，并且直接在组件上设置样式也是无效的。二、解决方案通过审查节点：可以看到editor的placeholder其实是在一个伪元素上。在页面或者App.vue中设置以下样式，注意不要再组件中使用（否则无效）.ql-container.ql-blank::before{font-style:n

晓风伴月·2025-06-27 11:50

uniapp 图片上传功能以及给图片添加水印

完整图片上传封装代码：*{{title}}import{Component,Prop,Vue,Watch}from"vue-property-decorator";import{UserModule}from"@/store/modules/user";import{uploadFile}from"@/utils/uni-api";importAPIConfigfrom"@/config";imp

·2025-06-27 11:49

小程序实现摄像头拍照 + 水印绘制

技术栈：uniapp、vue迭代：后期还可以继续扩展多方位的定点水印和支持绘制多句话的

小晗同学·2025-06-27 06:39

UniApp使用uView UI开发教程1

基于UniApp整合uViewUI进行高效开发的完整指南，涵盖核心特性、集成流程、开发技巧及最佳实践：一、uViewUI的核心优势组件生态强大100+高质量组件（表单/布局/导航/数据展示等）支持Vue2

速易达网络·2025-06-26 21:36

uniapp小程序在线预览

文章目录此文章主要为自己的笔记，所以直接上代码此文章主要为自己的笔记，所以直接上代码代码如下：chakan(){letthat=thisuni.downloadFile({url:that.fileUrl,//必须是HTTPS地址（小程序要求）success:function(res){consttempFilePaths=res.tempFilePath;console.log(tempFile

weixin_52406641·2025-06-26 17:40

uni-app项目实战笔记21--uniapp缓存的写入和读取

一、缓存的写入uni.setStorageSync("storageClassList",classifyList.value)二、缓存的读取，如果缓存不存在，则返回空数组conststorageClassList=uni.getStorageSync("storageClassList")||[];三、对读取到的数据进行转换处理//1.创建响应式数组constclassList=ref([])/

moxiaoran5753·2025-06-25 21:51

uniapp项目之小兔鲜儿小程序商城(六) 地址模块:地址管理页的实现,地址表单页的实现

文章目录地址模块1.静态结构2.动态设置标题3.功能:新建地址3.1.封装api接口3.2.类型声明3.3.收集表单数据4.address页的列表渲染4.1.封装api接口4.2.页面调用4.3.类型声明(复用)4.5.动态渲染4.5.优化:onLoad不能实时获取最新地址数据5.功能:修改地址--数据回显5.1.封装api接口5.2.当有id时(修改操作),页面调用6.功能:修改地址--提交表单

前端OnTheRun·2025-06-25 21:21

uniapp项目之小兔鲜儿小程序商城(四) 商品详情页的实现:uniapp弹层组件uni-popup的使用

商品详情页0.商品详情页分为登录前和登录后两个功能板块登录前：展示商品信息，轮播图交互（当前模块）,弹出层交互登录后：加入购物车，立即购买（SKU模块）1.静态页面布局新建pages/goods/goods.vue//src/pages/goods/goods.vue//获取屏幕边界到安全区域距离:不设置就会挡住底部按钮const{safeAreaInsets}=uni.getSystemInfo

前端OnTheRun·2025-06-25 20:15

uniapp小兔鲜儿小程序

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档uniapp小兔鲜儿小程序前言一、项目介绍二、技术栈三、项目模块四、运行环境百度网盘分享前言开源项目学习提示：以下是本篇文章正文内容，下面案例可供参考一

Chappie_Home·2025-06-25 20:43

uniapp——轮播图、产品列表轮播、上一页、下一页、一屏三张图

案例展示组件封装</<

·2025-06-25 17:51

uniapp：微信小程序胶囊「复制链接」灰色处理

在原生开发的小程序中默认是支持复制的但是在uniapp开发的小程序中无法复制（体验版与开发版都可以进行复制，但发布后不可）解决方法：methods:{onShareAppMessage:function

dingcho·2025-06-25 17:51

uniapp安卓GPIO电平控制

模块简介本模块为UniApp提供了对Android系统下GPIO的访问能力，支持导出、设置方向、读写电平值等操作。适用于Android架构设备（如RK3288平台）。

不知名的前端专家·2025-06-25 16:50

【uniapp小程序】上传图片_小程序 uni，2024年最新Golang开发面经分享

OBJECT参数说明参数名类型必填说明平台差异说明countNumber否最多可以选择的图片张数，默认9见下方说明sizeTypeArray否original原图，compressed压缩图，默认二者都有App、微信小程序、支付宝小程序、百度小程序extensionArray否根据文件拓展名过滤，每一项都不能是空字符串。默认不过滤。H5(HBuilderX2.9.9+)sourceTypeArra

acupofcoffee·2025-06-25 16:18

跨平台应用开发进阶(二十五) ：uni-app实现IOS云打包解决IOS提交审核相册等隐私描述语导致审核失败问题_uniapp info

+-[3.1IOS隐私信息](#31_IOS_25)-[3.2设置方法](#32__40)+[四、拓展阅读](#_75)一、问题描述Guideline5.1.1-Legal-Privacy-DataCollectionandStorageWenoticedthatyourapprequeststheuser’sconsenttoaccessthecamera,butdoesn’tsufficien

2401_84435768·2025-06-25 16:45

uniapp 生成二维码

一般常用到的二维码生成库，在使用的过程中，都需要设置到指定的dom元素上，但是在uniapp项目中，想要像vue项目中一样，获取标签的dom元素是比较难操作的。

祖先森、·2025-06-25 12:49

2025年最新关于uniapp 面试题及其答案解析，万字长文，建议收藏..

1.UniApp是什么？解析：UniApp是一个使用Vue.js开发的跨平台应用框架，可以编译到iOS、Android、H5以及各种小程序（如微信、支付宝、百度等）。

·2025-06-25 08:50

跨平台应用开发进阶(六十三)：微信小程序开发_跨平台开发小程序用什么

2.3.5WuxWeapp](#235_Wux_Weapp_73)*[2.3.6TaroUI](#236_TaroUI_81)*[2.3.7MinUI](#237_MinUI_89)+[三、创建一个UNI-APP项目](#UNIAPP

2401_84446963·2025-06-24 15:46

uniapp 读，写，删本地文件

写入{{count}}s读取删除import{mapState}from'vuex'exportdefault{data(){return{count:'',timer:null,resultdata:[]}},computed:{...mapState({token:state=>{returnstate.user?state.user.token:null},user:state=>{retu

不知名的前端专家·2025-06-24 06:13

uni-app 安卓 iOS 离线打包参考

App离线打包原生工程配置安卓：【uniapp】uniapp离线打包安卓应用或者云打包发布app步骤&问题记录iOS：uni-app实现XCode苹果本地离线打包APP

·2025-06-24 05:07

用Uniapp开发鸿蒙项目五

一、前言接着之前的学习，今天要给项目加上Tabs标签页和List列表功能。这俩在实际App里超常用，像底部导航切换页面、展示多条数据（比如联系人、商品列表），用它们就很合适。咱继续在现有demo1项目里折腾，把学习过程记下来。二、需求规划Tabs功能：在首页（index）底部加个Tabs，分“首页”“我的”两个标签，切换时能跳转到对应页面（虽然现在页面少，但先把结构搭好！）。List列表：在use

·2025-06-23 22:52

使用UniApp开发HarmonyOS 5资类应用核心易错点

一、分布式能力集成：权限与状态同步陷阱设备发现失败（TOP1问题）根因：62%的故障因设备未登录相同华为账号导致；本地防火墙阻断分布式软总线通信（需开放端口）；未在module.json5声明ohos.permission.DISTRIBUTED_DATASYNC权限。解决方案：//module.json5配置"requestPermissions":[{"name":"ohos.permissi

哼唧唧_·2025-06-23 16:10

uniapp 搜索引擎seo优化(ssr 服务器渲染非uniCloud版)

uniapp官方提供的seo优化方案必须要uniCloud也就是云函数才能使用。如果你要使用云函数这篇文章对你没用。

斌GG·2025-06-23 09:28

Uniapp H5端SEO优化全攻略：提升搜索引擎排名与流量

Uniapp作为一款优秀的前端跨端开发框架，能够快速开发H5、小程序、App等多端应用。

vvilkin的学习备忘·2025-06-23 08:54

uniapp中怎么引入echarts(最简单)

目录引言echarts.vue文件代码echarts-config文件代码在需要引入echarts图表的页面(.vue)中进行导入该文件(echarts.vue)使用该组件(echarts)引言在uniapp

小高求学之路·2025-06-22 21:31

微信短剧小程序源码UNIAPP开源版

微信短剧小程序源码UNIAPP开源版是一款非常出色的工具，特别适合希望快速进入短视频领域的开发者和企业。

有梦想的·2025-06-21 21:05

uniapp scroll-view横向滚动不起效、纵向滚动自适应高度

1.scroll-view纵向滚动自适应高度使用竖向滚动时，需要给一个固定高度，通过css设置height；如果不想写死、不想通过js计算，希望灵活获取高度应该怎么做呢，用css即可示例：//外层内容1内容2滚动区域即可；后面在真机测试下纵向滚动还遇到问题，切换到不同tab时，滚动条不复位，依然保持在上一次的滚动位置；增加:scroll-top=“scrollTop”，在切换tab时把scroll

赫卡夹·2025-06-21 20:56

Vue组件花式聊天指南：6种传值妙招，总有一款适合你

我精通HTML、CSS、JavaScript等基础前端技术，并深入掌握Vue、React、Uniapp、Flutter等主流框架，能够高效解决各类前端开发问题。

江城开朗的豌豆·2025-06-21 19:21

uniapp，实时获取系统时间（动态显示）

在开发中，如果涉及到时间有关的，有可能需要把系统的时间以动态的形式展示出来。一、页面效果后面的秒钟是会变的，一秒改变一下，也就是说这个就是与系统时间一致的。二、思路我们通过newdate对象，获取系统的时间，逐个获取年、月、日、时、分、秒，然后再通过字符的处理，将他们格式化为我们需要的样式。然后开启一个定时器，每一秒执行一次就可以了。三、实现代码{{time}}exportdefault{name

～蓝桉·2025-06-21 19:46

uni-app项目实战笔记17--获取系统信息getSystemInfo状态栏和胶囊按钮

uniapp提供了获取系统信息的API:getSystemInfo（异步操作），详情可访问uniapp官方文档：系统信息的概念|

moxiaoran5753·2025-06-21 13:06

Uniapp在鸿蒙中的使用二

一、Uniapp对鸿蒙平台的支持概述Uniapp从v3.1.0版本开始正式支持鸿蒙（HarmonyOS）平台，可将Vue代码编译为鸿蒙原生应用（HAP包），支持以下特性：原生渲染：通过鸿蒙原生组件渲染界面

·2025-06-21 06:57

在uniapp中使用swicth组件传递额外的参数方法

switchChangeStatus(event,scope.row)"/>

zhangyao940330·2025-06-21 00:46

PHP设备巡检系统小程序源码

设备巡检系统：智能高效，全方位守护您的资产安全基于前沿的ThinkPHP框架与Uniapp技术深度融合，我们匠心独运，打造出一款专为电力、水利、物业等关键巡检领域精心设计的设备巡检系统。

·2025-06-20 23:15

微信小程序 uniapp+vue学校高校机房设备维修报修管理系统w04op

统功能需求包含业务需求、功能需求和用户需求；对系统的功能上的需求分析是指通过了解开发的技术与实力，用户的习惯等各因素的前提下进行分析，了解最基本的需求后，基本功能如下：本课题要求实现优质的学校机房管理系统，就一定要包含有数据库、服务器相联系，从而实现系统的功能运转。系统分为管理员和维修员两个角色，主要包括系统登录注册，个人信息和密码修改，对维修员管理、用户管理、设备分类管理、实验设备管理、设备报修

qq_3166678367·2025-06-20 23:44

uniapp通过百度地图API获取手机定位及地址

uniapp通过百度地图API获取手机定位及地址先获取手机的定位(WGS84)坐标，然后转为BD09坐标,然后通过逆地址编码获取到地址:完整代码如下:步骤一:在manifest.json中加入百度地图的

骨子里的偏爱·2025-06-20 23:41

在uniapp中input数字输入框 ios兼容性问题

number在3.1.22版本以上ios不支持包含小数和负数的显示，在日常运用中输入数字的输入框最好运用digit

zhangyao940330·2025-06-20 23:41

推荐频道