vue&uniapp

uniapp封装公共的方法或者数据请求方法

仅供自己参考，不是每个页面都用到这个方法，所以我直接在用到的页面引用该公用方法：1、新建一个util.js文件exportconstaddress=function(options){returnnewPromise((resolve,reject)=>{uni.request({url:"https://x.cxniu.cn/api/area_list",method:"GET",success
傻的太坏·2024-01-27 11:11

【uniapp/vue/pdf.js】在 uniapp 中使用 pdf.js（可以实现在电脑和手机上预览 pdf 文件）

pdf.js可以在uniapp中使用，可以实现在电脑和手机上预览pdf文件，如果是用iframe无法实现在手机上预览，附件传的是比较低版本的pdf.js文件（2.2.228），其中跨域报错已处理，因为我试过高版本的
花间半盘棋·2024-01-27 10:28

HbuilderX报错“Error: Fail to open IDE“，以及运行之后没有打开微信开发者,或者运行没有反应的解决办法

按照步骤一步一步完成分析,除非代码报错,否则都是可以启动的第一步:检查HbuildX是否登录账号第二步:检查微信开发者工具的端口有么有打开第三步:配置manifest.json中的微信小程序选项第四步:重新获取uniapp
苦逼的猿宝·2024-01-27 09:46

uniapp中事件传参，传递对象

套用多层vfor循环的复杂页面结构指定的:key="subItem.id"为undefind引起的问题导致点击传的参数为undefind。并且如果是多层v-for嵌套，只要某一层的:key出现问题，那么这一层以及其子级循环的值都无法取到。尽量使用:key=index
良诤·2024-01-27 09:01

uniapp小程序：内存超过2mb解决方法（简单）message：Error: 上传失败：网络请求错误 代码包大小超过限制。

分析：这种情况是代码文件内存超过2mb无法进行预览上传解决方法：1、Hbuilder中点击运行-->运行到小程序模拟器--->运行时是否压缩代码2、在微信小程序中点击详情--->本地设置：3、点击预览即可运行了
荀鼠不是鼠·2024-01-27 08:31

uniapp使用真机调试报未授权错误问题解决，亲测有效

首先要使hbuilderx能识别到手机设备，需要找到手机版本信息多次触发激活开发者模式，找到开发者选项-->开启usb调试，数据线连接电脑（作用选择传输文件）然后选择andriod基座运行发现能够成功连接上之后就一直报错控制类这样的手机上这样的解决方案找到你的网络连接，把你当前连接的网络的其他网络设备禁用就可以正常运行亲测有效~~~~~
111自由人·2024-01-27 07:09

Uniapp生命周期函数

UniApp的生命周期函数与Vue的生命周期函数类似，但也有一些特定于UniApp的生命周期函数。
111自由人·2024-01-27 07:08

uniapp使用vuex整合各个模块

vuex作为各个组件的中转站，在组件间通信过程中发挥了很大的作用，下面我就通过使用uniapp使用vuex来去整个各个模块的数据,步骤如下：建立store文件夹，并编写store文件exportdefault
111自由人·2024-01-27 07:08

uniapp获取定位

在uni-app中获取用户的地理位置信息，主要涉及使用框架提供的API来获取当前设备的位置。下面是如何在uni-app中实现获取用户定位的步骤：使用uni.getLocationuni-app提供了uni.getLocation方法来获取设备的当前位置。这个方法是异步的，你可以使用回调函数或Promise来处理结果。以下是一个基本的示例：exportdefault{data(){return{la
翱翔-蓝天·2024-01-27 01:01

【uniapp小程序】安卓手机与苹果手机的getPhoneNumber拒绝授权返回错误信息不同

getPhoneNumber拒绝授权返回错误信息不同开发工具和ios是getPhoneNumber:failuserdeny；安卓手机是getPhoneNumber:fail:userdenygetPhoneNumber:function(e){if(e.detail.errMsg==='getPhoneNumber:ok'){//确认授权的代码}elseif(e.detail.errMsg===
七冬与小糖·2024-01-27 01:06

【uniapp小程序】实现二维码图片弹窗、保存图片功能

小程序uniapp需要实现一个点击某个按钮后，弹出二维码图片，并且有保存图片的功能。
七冬与小糖·2024-01-27 01:36

【uniapp小程序】分享功能onShareAppMessage函数传参数

【uniapp小程序】onShareAppMessage函数传参数小程序中分享功能需要在button组件中添加open-type:“share”，当点击button的时候就会调用onShareAppMessage
七冬与小糖·2024-01-27 01:36

uniapp小程序使用canvas画布进行签名

重写保存预览上传完成返回请签名exportdefault{data(){return{canvasName:'handWriting',ctx:'',canvasWidth:0,canvasHeight:0,transparent:1,//透明度selectColor:'black',lineColor:'#1A1A1A',//颜色lineSize:1.5,//笔记倍数lineMin:0.5,//
白小白灬·2024-01-27 01:33

解决uniapp真机调试报错信息真机运行失败，失败原因：手机上没有信任本计算机的授权，请在手机上信任该授权

错误信如图所示，错误原因网上搜了些解决方法未解决，个人解决方法:网上下载小米助手到电脑上，官网下载地址，打开小米助手连上手机，具体连接方法网上自行寻找，之后再次测试uniapp真机调试成功。
白小白灬·2024-01-27 01:02

uniapp组件库fullScreen 压窗屏的适用方法

目录#平台差异说明#基本使用#触发压窗屏#定义压窗屏内容#注意事项所谓压窗屏，是指遮罩能盖住原生导航栏和底部tabbar栏的弹窗，一般用于在APP端弹出升级应用弹框，或者其他需要增强型弹窗的场景。警告由于uni-app的Bug，在最新版的HX2.8.6(包括之前的多个版本)，此功能(组件)无效，等到uni-app修复此Bug时，我们会撤销此通告。提示这里的做法是在本页面打开一个新页面，同时在pag
TechWhiz-晓同·2024-01-26 20:53

uniapp组件库Line 线条 的适用方法

目录#平台差异说明#基本使用#线条类型1.3.7#兼容性#API#Props此组件一般用于显示一根线条，用于分隔内容块，有横向和竖向两种模式，且能设置0.5px线条，使用也很简单。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用组件内部有预置的参数，直接使用即可，有如下几个参数需要了解：color为线条的颜色direction为线条的方向，默认为
TechWhiz-晓同·2024-01-26 20:20

uniapp vuecli项目融合[小记]：将多个项目融合，打包成一个小程序/App，拆分多个H5应用

前言：目前两个uniappvuecli开发的项目【A、B】，新规划的项目C：需要融合项目B80%的功能模块，同时也需要涵盖项目A的所有功能模块。
陨石猎人·2024-01-26 20:12

uniapp项目搭建

目录uni-app项目搭建路由request工具封装UI组件如何引入uni-app项目搭建什么是uni-appuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。为什么要选择uni-appuni-app在开发者数量、案例、跨端抹平度、扩展灵活
qq_27169469·2024-01-26 19:49

uniapp框架组件封装调用及环境变量配置

组件封装uniapp组件封装及调用方法跟vue用法其实差不多组件建立最外层新建个components文件（文件名可自定义），建个Toast文件夹（文件名可自定义），内层建个index.vue文件浅写个demo
马农码字·2024-01-26 19:49

uniApp介绍篇-1.基础框架搭建与排坑备忘

基础框架搭建与排坑备忘一.uniApp介绍与注意点1.目录结构2.跳转页面3.条件编译4.生命周期5.样式布局6.图片引用7.html标签8.JsApi9.小程序组件支持10.事件调用11.文件存放注意点二
情系半生e·2024-01-26 19:49

uniapp 框架搭建及使用

uniapp官方文档uview官网文档前期工作：1.下载HbuilderX编辑器；2.熟悉uniapp的相关文档；3.查找合适的UI组件库，我使用的是uview（适配H5和小程序）创建uniapp新建:
马农码字·2024-01-26 19:17

uniapp表单上传多张图片

uniapp实现表单内多图片上传注意事项：只有app支持多图片上传，小程序只能一张一张传需求描述：表单数据和选择的多张照片同时提交，效果如下所示：话不多说，上代码，前端代码：问题描述请录入问题描述照片提交取消
ljw@lq·2024-01-26 19:13

uniapp定位失败，不同情况处理方式

exportdefault{getPosition(){uni.showLoading({title:"获取定位中...",mask:true,});returnnewPromise((resolve,reject)=>{uni.getLocation({type:'gcj02',isHighAccuracy:true,success:(res)=>{uni.hideLoading()resolv
奶昔不会射手·2024-01-26 18:46

免费小程序商城搭建之b2b2c o2o 多商家入驻商城 直播带货商城 电子商务b2b2c o2o 多商家入驻商城 直播带货商城 电子商务

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
2301_77700816·2024-01-26 18:29

uniapp 开发H5页面，实现语音识别功能--前端，不包含后端转换

一、背景微信小程序开发，内嵌h5页面，不能调用微信内部的插件二、实现方式通过安装js-audio-recorder插件实现既定需求三、具体步骤1、安装插件npmijs-audio-recorder2、引入在需要使用的页面中引入：importRecorderfrom'js-audio-recorder';3、具体配置1、定义recorderdata(){return{recorder:null};}
一块西瓜皮啦·2024-01-26 18:27

uniapp app更新

uniappapp更新这个版本要随之增加，不然刚更新时直接用app,新包增加的那些页面跳转会有问题，不能跳新的页面//app更新检测updataApp(){constthat=this;uni.showLoading
前端菜鸟丶Ndie·2024-01-26 17:07

使用uniapp框架写小程序，requestjs文件中的常用配置

创建文件夹：utils-request.js1，使用uview中封装好的(封装的是uniapp中的网络请求)在requestjs文件夹中代码如下：//初始化请求配置uni.
好想Z☡zᶻ·2024-01-26 16:55

uniapp 微信小程序分包

uniapp微信小程序发布时，压缩完单包还是超过3M解决方法：1）uniapp运行微信开发工具时，勾选上“运行时是否压缩代码”2）在manifest.jsom中设置分包3）手动分包具体可查看官方文档首先新建一个跟
Shiki2147·2024-01-26 14:54

uniapp --request请求封装，uploadFile上传文件封装，上传多张图片

uniapp--request请求封装，uploadFile上传文件封装request.jsvarapiUrl='http://192.168.1.156:9527';//放入后台接口的url//封装request
Shiki2147·2024-01-26 14:54

springboot+mysql+微信小程序点餐系统-计算机毕业设计源码65933

摘要点餐系统小程序采用B/S模式、采用JAVA语言、SSM框架、mysql数据库、小程序框架uniapp等开工具。促进了点餐系统小程序的业务发展。
vx_Biye_Design·2024-01-26 11:55

java版Spring Cloud+SpringBoot+mybatis+uniapp b2b2c 多商户入驻商城微服务设计

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
不会写代码的女程序猿·2024-01-26 11:46

Java+Spring Cloud +Vue+UniApp微服务智慧工地云平台源码

目录智慧工地云平台功能【劳务工种】所属工种有哪些？1.管理人员2.信息采集3.证件管理4.考勤管理5.考勤明细6.工资管理7.现场统计8.WIFI教育9.课程库管理10.工种管理11.分包商管理12.班组管理13.项目管理智慧工地管理平台是以物联网、移动互联网技术为基础，充分应用大数据、人工智能、移动通讯、云计算等信息技术，利用前端信息采通过人机交互、感知、决策、执行和反馈等，实现对工程项目內人员
源码技术栈·2024-01-26 10:41

uni-app之网络请求解决跨域

一：uniapp网络请求第一步：新建uni-app项目第二步：在npmjs中下载第三方包（用于请求）安装步骤链接如下：@escook/request-miniprogram-npm1、打开uniapp项目的终端输入
bsegebr·2024-01-26 10:06

uniapp制作app的nvue组件live-pusher聚焦框问题

methods:{//拦截点击在live-pusher上,避免出现聚焦框over(){return},}//定位遮挡.dingwei{position:absolute;top:0rpx;width:557rpx;height:557rpx;background:#000000;opacity:0;}
前端专业写bug·2024-01-26 10:36

uniapp Android 离线打包之未配置appkey或配置错误

1、去官网申请appKey:申请Appkey2、项目中使用appKey:3、参考官方教程，修改配置：配置教程注意：本地的appId和官网中应用的appId保持一致：本地的appId和官网中应用的appId保持一致：本地的appId和官网中应用的appId保持一致：1、修改：dcloud_control.xml文件中的appid:2、修改app下的资源目录名称：修改dcloud_control.xm
唐诺·2024-01-26 10:33

Vue开发之proxy代理的配置（附带uniapp代理配置）

vue1.在vue.config.js中添加devServer属性中配置proxy属性module.exports={productionSourceMap:false,publicPath:'/',devServer:{port:8085,proxy:{'/api/admin':{target:'http://10.58.104.70:6111',changeOrigin:true,pathRe
qq_386605092·2024-01-26 10:03

uniapp报错：export { render, staticRenderFns, recyclableRender, components }

uniappvue2项目启动报错export{render,staticRenderFns,recyclableRender,components}解决办法:降低prettier的版本"prettier
彭世瑜·2024-01-26 10:32

uniapp安卓android离线打包本地打包整理

离线打包准备下载Androidstudio1.准备资源hbuilder2.准备离线SDK最新android平台SDK下载最新android平台SDK下载3.离线打包key申请4.直接导入HBuilder-Integrate-AS工程，直接运行simpleDemo项目即可5.安装java1.8jdk-8u151-windows-x646.遇到这个报错报错Causedby:org.codehaus.g
前端专业写bug·2024-01-26 10:01

#Uniapp: rich-text富文本

rich-texthttps://uniapp.dcloud.net.cn/component/rich-text.html富文本支持默认事件，包括：click、touchstart、touchmove
前端xiaolibao·2024-01-26 09:40

uniapp map自定义气泡窗

uniappmap自定义气泡窗1、map2、数据data(){return{mapCenter:{lat:23.125178,lng:113.280637},//中心点mapData:[{//标记点id
niceguyº·2024-01-26 09:09

uniapp上传音频文件到服务器

视频教程地址：【uniapp录音上传组件，将录音上传到django服务器】https://www.bilibili.com/video/BV1wi4y1p7FL/?
王家视频教程图书馆·2024-01-26 09:38

uniapp vue3关于setup语法ref父组件使用子组件方法失效问题

setup下默认不暴露子组件的方法所以不需要将子组件的方法暴露出去defineExpose就可以了constgetList=()=>{//子组件方法}defineExpose({getList})父组件使用constHome=ref(null)constgetSon=()=>{Home.value.getList()//父亲组件方法}
前端专业写bug·2024-01-26 09:05

#Uniapp：微信开发者工具运行与打包---打包H5---打包app

微信开发者工具运行与打包manifest.json添加上微信小程序AppID**如果点击打不开从微信开发者工具先到处本地C:\Users\fjgk-28\Desktop\huanrun\uni-demo\uni-shop\unpackage\dist\dev\mp-weixin打开添加上AppID试试**微信开发者工具上传代码需要"permission":{"scope.userLocation"
前端xiaolibao·2024-01-26 09:33

uniapp 动态生成page.json，自动拆分页面及自动注册页面

自动生成文件，需要借助原生nodejs的能力，然后通过获取文件及文件名，进行数据生成，并写入到page.json里面1，在你的uniapp项目中创建如上目录2，small.js文件module.exports
心为醒SS·2024-01-26 09:32

uniapp人脸核身插件接入流程

2.uniapp插件：是封装了腾讯云人脸核身原生SDK,用于uniapp前端的一个免费插件，极大的简化了开发的流程。在这里插入图片描
大脸猫啊I·2024-01-26 09:35

JAVA电商平台免费搭建 B2B2C商城系统 多用户商城系统 直播带货 新零售商城 o2o商城 电子商务 拼团商城 分销商城

手机端）、买家平台（H5/公众号、小程序、APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp
m0_68459853·2024-01-26 08:13

使用uniApp+vue3+Vite4+pinia+sass技术栈构建微信小程序

使用uniApp的cli模式安装，可以使用vscode开发。
你离优秀差多少·2024-01-26 07:18

微信小程序 图片自适应高度 宽度 完美适配原生或者uniapp

-----查了一下百度看到网上图片高度自适应的解决方案基本是靠JS获取图片的宽度进行按比例计算得出图片高度。不是很符合我的需求/于是我脑瓜子一转想到一种新的解决方案不用JS计算也能完美解决。我写了一个组件，直接导入可以使用。---1.新建一个组件bl-adaptation-img.vue2.在main.js中导入//自适应图片图片高度宽度100%importblAdaptationImgfrom'
执波仔丶·2024-01-26 07:31

uiapp适应小程序

持续输出前端各种稀奇古怪的问题所实现的效果如图自定义月份代码如下,注释齐全本段代码用到scss{{startY}}年{{month.val}}{{endY}}年{{month.val}}/***chason-monthuniapp
梦千诺·2024-01-26 02:00

如何快速搭建springboot+前后端分离（vue），多商户客户端实现微信小程序+ios+app使用uniapp（一处编写，处处编译）

kxmalls使用uniapp前端框架，可同时编译到微信小程序、H5、AndroidApp、iOSApp等几个平台，可为中小商户企业节约大量维护成本。也
you来有去·2024-01-26 00:13
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他