❤uni-app 第8页

快速了解uni-app 页面传值和代码示例

在uni-app开发中，页面之间的数据传递是一个非常常见的需求。根据数据类型的不同，我们可以选择不同的传值方式。本文将详细介绍如何在uni-app中传递单个或多个参数、数组和对象，并附上示例代码。

豆豆（前端开发+ui设计）·2025-01-27 10:44

在 uni-app 中，可以通过几种不同的方式来动态地绑定 CSS 样式?

在uni-app中，你可以通过几种不同的方式来动态地绑定CSS样式。这通常涉及到使用JavaScript来计算或改变样式，并将这些样式应用到组件上。

豆豆（前端开发+ui设计）·2025-01-27 10:43

uni-app微信小程序页面跳转技巧总结

在小程序开发中，页面跳转是高频操作，但如果不注意跳转方式，可能会遇到跳转失效的问题！以下是常见跳转方式及其适用场景：uni.navigateTo保留当前页面，跳转到新页面。注意：小程序中页面栈最多10层，频繁跳转会失效。适用场景：需要保留当前页面的跳转，适合层级较少的页面跳转。uni.redirectTo关闭当前页面，跳转到新页面。适用场景：不相关的页面跳转，避免页面栈堆积。uni.reLaunc

豆豆（前端开发+ui设计）·2025-01-27 10:43

融云IM干货丨如何测试插件在uni-app中的实际效果？

要测试插件在uni-app中的实际效果，可以遵循以下步骤：安装和配置测试环境：确保你的环境中安装了HBuilderX，并且版本至少为3.7.3。

·2025-01-25 01:52

融云IM干货丨uni-app 生命周期有哪些？

uni-app的生命周期分为应用生命周期、页面生命周期和组件生命周期三类：应用生命周期应用生命周期函数需要在App.vue中声明，主要包含以下函数：onLaunch：当uni-app初始化完成时触发（全局只触发一次

·2025-01-24 21:16

uniapp介绍配置启动

1安装：cli工程全局安装vue-clinpminstall-g@vue/cli通过cli创建uni-app项目vuecreate-pdcloudio/uni-preset-vuemy-projectcd

LUK-ee·2025-01-24 12:55

uniapp下拉菜单

示例图1.状态为多选，选中后显示已选择的数量，如下图：2.排序为单选，显示当前选中的名称，如下图：二、状态、排序相关代码部分代码使用了的uView组件Icon图标|uView2.0-全面兼容nvue的uni-app

h_6543210·2025-01-24 08:52

uni-app无法触发onReachBottom触底事件的解决方案

遇到的问题背景：在使用uni-app开发小程序时，想要列表滚动到底部时，设置上拉加载。

沐雨MUYU_·2025-01-22 02:28

使用vue-cli创建uni-app项目，vue3/vite模板

官网地址：https://uniapp.dcloud.net.cn/quickstart-cli.html1.首先，安装脚手架：npminstall-g@vue/cli注意：Vue3/Vite版要求node版本^14.18.0||>=16.0.0（我用的是nodev16.0.0）2.下载模板，因为我使用官网命令安装失败，所以直接下载的压缩包使用js下载地址https://gitee.com/dcl

hy2356891299·2025-01-20 22:14

uniapp中使用全局样式文件引入的三种方式

如果你想在uni-app中全局引入SCSS文件（例如global.scss），可以通过以下步骤进行配置：方法一：在main.js中引入在main.js中引入全局样式：你可以在src/main.js文件中直接引入

上趣工作室·2025-01-20 03:00

Spring Boot 3项目集成Swagger3教程

技能清单编程语言：Java、C、C++、Python、Go、前端技术：Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术

m0_74825746·2025-01-19 01:08

今日总结 2025-01-16

一、学习概况今日围绕uni-app项目展开深入学习，主要聚焦于项目搭建环节，涉及网络请求、状态管理以及用户登录功能的实现，旨在构建一个功能完备的应用基础框架。

谢道韫689·2025-01-17 23:01

uni-app 开发华为鸿蒙HarmonyOS NEXT初体验

引言随着华为鸿蒙系统的不断发展，越来越多的开发者开始尝试使用uni-app来开发跨平台应用，特别是针对华为最新的HarmonyOSNEXT版本。

不知名靓仔·2025-01-17 18:47

小程序快速搭建线上预约线下陪玩伴游系统源码，打造便捷新体验

·2025-01-17 15:52

校园论坛交友、跑腿、二手市场，多校园系统源码前后端分离，校园系统APP

技术栈选择1.后端：PHP（建议使用PHP7.2或更高版本）2.数据库：MySQL（建议使用MySQL5.6或更高版本）3.前端：Uni-app（适用于移动应用开发）4.框

·2025-01-17 15:51

2025最新的陪玩小程序系统有哪些开源架构?如何完全的实现安全交付？

一、开源架构前端框架：*Uni-app等前端框架使得开发者能够创建跨平台的应用程序，这些应用程序在不同操作系统和设备上具有一致的用户体验。

D矜持·2025-01-17 10:02

uni-app中使用Element UI的正确姿势：打造优雅的跨平台应用界面

随着移动应用和跨平台技术的发展，uni-app框架因其出色的性能和易用性受到了广大开发者的喜爱。

Jiaberrr·2025-01-17 07:07

html2canvas 页面变图片

我们用的uni-app页面做的页面，需要把页面转成图片；问题1：不同的手机会偶发文字挤在一块，不是所有的都是那种问题2:图片出现加载不出来解决问题1:是因为我的文字写的居中，html2canvas居中会导致分布不均匀

·2025-01-17 01:17

uni-app编写微信小程序使用uni-popup搭配uni-popup-dialog组件在ios自动弹出键盘。

uni-popup-dialog对话框将uni-popup的type属性改为dialog，并引入对应组件即可使用对话框，该组件不支持单独使用示例打开弹窗exportdefault{methods:{open(){this.$refs.popup.open()},/***点击取消按钮触发*@param{Object}done*/close(){//TODO做一些其他的事情，before-close为

码农键盘上的梦·2025-01-16 22:51

uni-app：实现页面效果4（echarts数据可视化）

效果代码概况今日销售额(万元){{line1_info.daysale_allamount}}{{line1_info.daychangeRate}}本周销售额(万元){{line1_info.weeksale_allamount}}{{line1_info.weekchangeRate}}本月销售额(万元){{line1_info.monthsale_allamount}}{{line1_inf

25号底片~·2025-01-16 19:53

uni-app开发微信小程序

uni-app是一个使用Vue.js开发所有前端应用的框架，它支持编译到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/字节跳动/QQ/京东等）平台。

hong161688·2024-09-14 09:59

使用 uni-app 开发微信小程序：深入教程与技巧

使用uni-app开发微信小程序：深入教程与技巧uni-app是一个使用Vue.js语法开发跨平台应用的框架，能够编译到iOS、Android、H5、微信小程序等多个平台。

代码伐木匠·2024-09-14 08:25

Uni-app 开发微信小程序

Uni-app作为一种跨平台的开发框架，使用Vue.js语法，能够方便快速地开发出微信小程序、H5、App等多端应用。

vvvae1234·2024-09-13 23:20

cross-plateform 跨平台应用程序-06-uni-app 介绍

详细介绍一下uni-app？

知识分享官·2024-09-13 14:29

uni-app获取设备唯一值、静态IP以及公网IP的方法

最近开发uniapp的时候，想要获取设备的唯一值作为绑定设备的序列号，还有手动设置的IP以及联网后的公网ip，在插件市场找到一个插件，非常适合，链接如下：lrw-getip-getid，特意在此记录一下，方便以后用得到

[廾匸]·2024-09-13 11:10

Uni-app 开发鸿蒙 App 全攻略

一、开发前的准备工作开发鸿蒙App之前，我们需要做好充分的准备工作。首先是工具的安装与配置。Node.js的安装：推荐使用LTS版本的Node.js。可以前往Node.js的官方网站下载适合自己操作系统的安装包，如Windows用户根据自己的系统版本选择32位或64位版本。安装过程较为简单，只需按照安装向导一步步进行操作，同意许可协议，选择安装位置即可。安装完成后，可以使用命令行工具（如Power

老三不说话、·2024-09-12 16:39

从学习vue到uni-app的心得感悟

你是否想过，只用uni-app这样一个神器，就能成为一个高手？如果你有这样的想法，那么就跟我一起来学习uni-app吧！

crazy_章鱼哥·2024-09-12 16:07

【uni-app】1 uniapp介绍 & 使用 + 小程序实时获取视频播放时间

文章目录一、uni-app介绍1、诞生背景2、uni-app是什么（what、where）3、uni-app的优势（why）4、uni-app的功能框架图二、使用uni-app（how）1、下载安装&创建项目

疾风小蜗牛·2024-09-12 03:16

uni-app +vue+微信小程序发布线上

通过HBuilderx里写uni-app语言和vue来做微信小程序,在微信开发者工具里来看效果图发布步骤：1.先在HBuildeX开发工具--找到导航栏里的发行---再选择小程序微信（仅适用于uni-app

快乐的高兴的学习代码中·2024-09-12 03:44

uni-app怎么用？和vue对比记忆一文教会你

这篇文章记录了我学习uni-app以及在项目中使用uni-app过程中所总结的笔记，以这篇文章记录下来，供你们和我自己对uni-app进行整体的复习和巩固，下面主要将uni-app和vue进行对比记忆，

没有技巧只有感情·2024-09-12 02:37

uni-app前端post请求数据json序列化解决

问题：前端使用uni-app的uni.request发送post请求时，携带data参数会被json序列化对于POST方法且header[‘content-type’]为application/json

标准形与二次型·2024-09-10 22:50

[uni-app]Pinia持久化

前言开发小程序的Pinia持久化和网页端的Pinia持久化的方法较为相似，唯一的区别在于：网页端持久化使用的是localStorage.setItem()和localStorage.getItem()而小程序持久化使用的是uni.setStorageSync()和uni.getStorageSync()一、pinia的定义导出在实际开发时一般会创建一个stores文件夹来存储公共库如vuex或者是

[盐鱼]小白前端日记·2024-09-07 18:54

uniapp 隐藏滚动条

://uniapp.dcloud.io/collocation/pages{"path":"pages/index/index","style":{"navigationBarTitleText":"uni-app

追逐繁星的阿忠·2024-09-07 07:53

vue-cli创建uni-app引入uni-ui

1.全局安装脚手架npminstall-g@vue/cli2.创建uni-app项目vuecreate-pdcloudio/uni-preset-vuemy-project3.引入uni-ui框架//安装

某公司摸鱼前端·2024-09-06 04:42

uni-app技术分享|开源demo视频呼叫arcall uni-app端技术实现

介绍基本uniapp_arcall是通过uniapp实现的语音通话、视频通话以及相关配套的呼叫邀请。解决向指定用户发起呼叫通知，对方接受后进行通话的场景需求。呼叫邀请基本流程

anyRTC·2024-09-06 03:36

uni-app全局引入js文件

js文件定义对于js文件内方法的编写，可以采用以下两种形式，两种形式对应两种不同的文件引入：constshowToast={test:function(){console.log("测试2")}}exportdefaultshowToast引入：importshowToastfrom'./utils/toast'functiontest(){console.log("测试")}export{tes

小凳子在线·2024-09-06 03:03

uni-app基础框架搭建（vue3+ts+vite）

1.基础准备uni-app官网uni-app,uniCloud,serverless,环境安装,创建uni-app,自定义模板,国内特殊情况,更新依赖到指定版本,运行、发布uni-app,运行并发布快应用

LB_bei·2024-09-06 01:24

其他面试题

uni-app面试题一、生命周期应用生命周期、页面生命周期、组件生命周期二、条件编译在工具中，打if出现的条件编译例如：这是h5端性能优化面试题一、加载优化1.http请求能不能减少（能不能合并

奈何我是个菜鸡·2024-09-05 01:43

uni-app目录结构

一个uni-app工程，默认包含如下目录及文件：┌─componentsuni-app组件目录│└─comp-a.vue可复用的a组件├─hybrid存放本地网页的目录，详见├─platforms存放各平台专用页面的目录

magic33416563·2024-09-04 22:21

vue,小程序,uni-app的生命周期

在Web开发、小程序开发以及使用uni-app进行跨平台开发时，理解各个框架或平台的生命周期是非常重要的。这些生命周期钩子允许开发者在组件或应用的特定阶段执行代码，比如初始化、显示、隐藏、销毁等。

小鼠米奇·2024-09-04 21:45

uniapp图片上传，加web core api接收并保存

Uni-App图片上传加后台webcoreApi前台代码后台WebCoreApi代码Startup.cs中代码啥也不说了直接上代码！！！

浮生若森·2024-09-04 20:13

微信小程序开发中的流数据处理和兼容性问题(TextDecoder微信小程序未定义),真机和开发者环境返回对象不一致

问题一：TextDecoder的兼容性问题问题描述在uni-app框架中，使用TextDecoder对象来解码Uint8Array或Arra

枫斗.·2024-09-04 20:42

uni-app支持pdf流加载显示

第一步：下载源码第二步：构建PDF.js第三步：修改viewer.jsvarDEFAULT_URL='compressed.tracemonkey-pldi-09.pdf'里面是PDF的路径删除该变量定义;第四步：通过ajax的方式获取文件流数据，并处理。varDEFAULT_URL="";//注意，删除的变量在这里重新定义varPDFData="";$.ajax({type:"post",asy

辰歌淺落·2024-09-04 20:11

uni-app启动本地开发环境，修改默认端口号

vite.config.js:import{defineConfig}from"vite";importunifrom"@dcloudio/vite-plugin-uni";//https://vitejs.dev/config/exportdefaultdefineConfig({server:{port:3006,},plugins:[uni()],});人工智能学习网站https://cha

徐同保·2024-09-04 17:28

vue , 微信小程序 , uni-app绑定变量属性

在Vue、微信小程序和uni-app中，绑定变量属性是常见的需求，用于实现数据的动态展示和交互。这些框架或平台都提供了各自的方式来绑定变量属性。下面分别介绍它们如何做到这一点。

小鼠米奇·2024-09-04 00:01

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI

奔跑的露西·2024-09-01 21:17

uniapp尺寸单位 px转rpx

uniapp尺寸单位uni-app支持的通用css单位包括px、rpxpx即屏幕像素rpx即响应式px，一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准，750rpx恰好为屏幕宽度。

万能螺丝刀1·2024-09-01 20:10

uni-app 签名（横屏）H5 微信小程序可用

{{prompt}} 保存清除关闭 constapp=getApp(); exportdefault{ data(){ return{

yuehua_zhang·2024-09-01 19:35

uni-app，关于 canvas 在 app，小程序， h5中，实现绘制，保存本地图片

data(){return{textCanvas:null,//初始化canvas值}},methods:{//绘制canvasdrawCanvas(){//指定this的指向letthat=this;//uni-app

前端小袁·2024-09-01 19:35

Canvas 在微信小程序-uni-APP 和 H5 中的使用差异

然而,在uni-APP和传统H5环境中使用Canvas时,存在一些重要的差异。本文将深入探讨这些差异,帮助开发者在不同平台上更好地使用Canvas。

xjt_0901·2024-09-01 18:00

推荐频道

❤uni-app