Uniapp+Vue3

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

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

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

uniapp+vue3 随机、换一批

案例代码{{index+1}}、{{item.title}}换一批import{onLoad,onShow,onReachBottom}from'@dcloudio/uni-app'importifrom'@/libs/common/index.js'importapifrom'@/request/api.js'import{nextTick,ref,shallowRef,reactive}fro

耶啵奶膘·2025-06-16 16:20

UniApp+Vue3微信小程序二维码生成、转图片、截图保存整页

二维码生成工具使用@uqrcode/js，版本4.0.7官网地址：uQRCode中文文档（不建议看可能会被误导）本项目采用了npm引入方式，也可通过插件市场引入，使用上会略有不同准备工作：安装：pnpmadd@uqrcode/js引入：importUQRCodefrom'@uqrcode/js/uqrcode'二维码生成及转图片逻辑：//生成二维码constgenerateWXQRCode=asy

温酒斟与你·2025-05-23 20:08

uniapp+vue3中自动导入ref等依赖

前言：在我们使用uni-app+vue3创建项目，开发的过程中，老是需要导入我们的ref、onshow等，那么能不能自动导入，不用我们每个页面都写呢？是没问题的，这里让他的小帮手来帮你减轻负担：他就是：unplugin-auto-importvue3中的一些生命周期信息https://uniapp.dcloud.net.cn/tutorial/vue-composition-api.html代码效

浩星·2025-05-16 07:45

uniapp+vue3开发项目之引入vuex状态管理工具

前言：我们在vue2的时候常用的状态管理工具就是vuex，vue3开发以后，又多了一个pinia的选项，相对更轻便，但是vuex也用的非常多的，这里简单说下在uni-app中vuex的使用。实现步骤：1、安装：npminstallvuex@next--save#或yarnaddvuex@next2、创建我们的store文件夹与下面的index.js因为项目中一般不用一个文件，这里用了一个user.

浩星·2025-05-15 03:27

uniapp自身bug | uniapp+vue3打包后 index.html无法直接运行

前提：已经修改了基础路径打开打包文件，双击运行index.html报错，无法访问页面uniapp+vue2项目是可以正常运行的vue3修改publicPath:'./'后，也是可以正常访问打包文件中的index.html点进控制台提供的链接：https://ask.dcloud.net.cn/article/37432不止我一个人遇到了这个问题，应该是uniapp自身的buguniapp+vue3

赫卡夹·2025-04-19 13:36

UniApp 24点数学游戏开发实践

本项目基于UniApp+Vue3开发，实现了一个跨平台的24点游戏应用。

xiyueta·2025-03-04 13:27

UniApp + Vue3开发中的坑：无法获取到dom元素的排查过程无法直接修改style样式的坑

UniApp+Vue3开发中的坑：无法获取到dom元素的排查过程无法直接修改style样式的坑欢迎关注『开发必备』专栏，专注于解决你在开发过程中遇到的各种问题，帮你快速找到解决方案，节省大量调试时间。

代码简单说·2025-02-12 03:17

uniapp+vue3的双向渐变

在App.vue中/*每个页面公共css*/@import'common/style/common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background:linear-gradient(tobottom,rgba(0,0,0,0),#fff400rpx),//到400rpx才做白色渐变linear-gradient(toright,

总萌大人·2024-08-24 11:59

uniapp+vue3的轮播图

图片：宽度：690,高度：340.layout{.banner{width:750rpx;padding:30rpx0;swiper{width:750rpx;height:340rpx;&-item{width:100%;height:100%;padding:030rpx;image{width:100%;height:100%;border-radius:12rpx;}}}}}在公共样式加入

总萌大人·2024-08-23 05:52

uniapp+vue3打包问题记录

**背景：**打包app出现问题，只显示底部导航的文字，其他一片空白1.pages.json文件：tabBar中的iconPath图标格式不支持svg，只支持：png,jpg,jpeg的格式，当图片改为.png的时候可以正常显示2.适配插件的影响：使用了postcss-pxtorem插件，同时安装了lib-flexible插件，但因为lib-flexible源码基于window对象的操作，导致打包

元宵不吃汤圆·2024-01-19 22:08

uniapp+vue3面试纪要

uniapp+vue3面试纪要uniapp1.uniapp的生命周期应用生命周期onLaunch：应用程序启动时触发，仅在应用程序第一次启动时触发。

*小天屎*·2024-01-16 06:08

HbuilderX使用Uniapp+Vue3安装uview-plus

如果你是vue2版本想使用uniapp去配置uviewui库可以参考之前的文章uView系列——使用教程小程序的第三方ui库推荐较多的还是uview的，看起来比较美观，功能也比较完善，下面将提一下Vue3安装uview-plus库的教程创建项目安装首先进入官网uView-Plus直接下载并导入选择创建好的uniapp项目——确定即可使用buildX工具点击这里下载方式配置文档安装scss和scss

Southern Wind·2024-01-11 12:25

Uniapp + Vue3 + Pinia + Vant3 框架搭建

初始化Uniapp+Vue3项目App.vuesetup语法import{onLaunch,onShow,onHide}from'@dcloudio/uni-app'onLaunch(()=>{console.log

yueF_L·2023-12-21 03:28

Uniapp + Vue3 + TS 微信小程序中使用百度地图

一直以为是百度地图不兼容uniapp+vue3，直到问了uniapp的开发人员，在小程序中无法使用百度地图。

牵只蜗牛去跑步·2023-11-29 06:00

uniapp+vue3路由跳转传参

在uni-app中使用Vue3进行路由跳转传参，可以通过以下步骤实现：1.在router文件夹中创建一个名为index.js的文件，用于配置路由。在这个文件中，我们将导入createRouter和createWebHistory函数，并定义路由规则。同时，我们还需要定义一个导航守卫，用于在路由跳转时传递参数。//router/index.jsimport{createRouter,createWe

特创数字科技·2023-11-27 15:03

uniapp+vue3使用pinia，安卓端报错白屏

报错内容：reportJSException>>>>exceptionfunction:createInstanceContext,exception:whitescreencausecreateinstanceContextfailed,checkjsstack->atuseStore2(app-service.js:1487:15)at(app-service.js:1714:17)at(ap

胡桃夹夹子·2023-11-22 07:48

uniapp实现头像预览功能 - vue3

使用uniApp+vue3实现头像预览需求：点击头像可预览、拖动及双击放大，单击关闭效果图：实现代码（完整版）：import{ref}from'vue'//图片预览constpreviewDate=ref

前端小趴菜！·2023-11-04 22:51

【uniapp+vue3 】页面加载时根据不同角色设置导航栏标题

uniapp页面加载时根据不同角色设置导航栏标题其实很好实现，第一次开发uniapp项目，所以什么都不懂，绕了一点点的弯路在对应页面的onLoad中获取到跳转过来传的参数中的判断角色字段，我这里传的是getRoleuni.setNavigationBarTitle可以直接改导航栏标题import{onLoad,onShow}from"@dcloudio/uni-app";import{reacti

花椒和蕊·2023-09-22 05:26

uniapp+vue3项目中使用vant-weapp

创建项目通过vue-cli命令行创建项目Vue3/Vite版要求node版本^14.18.0||>=16.0.0uni-app官网(dcloud.net.cn)npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project打开项目点击顶部菜单栏终端/新建终端执行安装依赖指令yarninstall或npminstall安装vant-weapp#通过npm安装n

我总是词不达意·2023-08-11 07:28

uniapp获取屏幕宽度时获取不到移动设备中内容盒子宽度

首先：我使用的是uniapp+vue3语法：问题：我出现这个问题是IOS设备发现的，data.boxWidth为0代码：constinitCreated=()=>{constquery=uni.createSelectorQuery

Winson℡·2023-08-10 06:19

探索uniapp+vue3解析markdown语法|uniapp键盘撑起

最近正在尝试使用uniapp+vue3开发仿制chatgpt会话功能。如上图：经过测试在h5/App端/小程序端均支持markdown语法解析，键盘撑起后，整体页面和顶部自定义导航栏不会被顶起。

xiaoyan_2018·2023-07-23 12:35

uniapp + vue3 + uviewPlus 搭建多端项目框架

版本信息HBuilderX:3.8.4Vite:4.2.1uView-Plus:3.1.31初始化uniapp+vue3项目uniapp官方提供了HBuilderX可视化界面、vue-cli命令行两种方式快速搭建项目

xiaoyan_2018·2023-06-17 12:24

飞入购物车动画uniapp+vue3

页面代码加入购物车import{onMounted,ref}from"vue";importcartsBallfrom'./cartsBall.vue'constheight=ref(0)onMounted(()=>{height.value=uni.getWindowInfo().windowHeight})constcartBtn=ref()constaddCar=(e)=>{cartBtn.

wyc0859·2022-10-14 13:15

uniapp开发：uniapp之vue3.2开发页面传值的解决方案

我最近个人使用了uniapp+vue3开发了一款微信小程序，在开发的过程中使用了一些使用方法，之前我在论坛上看到了许多人在问相关的问题，所以我在这里做一个简单的总结：先看看uniapp+vue2中的使用

皮皮鱼敲代码·2022-08-05 12:13

推荐频道