#uni-app

uni-app app引入天地图

话不多说咸鱼来了varmapexportdefault{created(){constcharset='utf-8'constscript=document.createElement('script')script.setAttribute('type','text/javascript')script.setAttribute('charset',charset)script.setAttri
qq_28761593·2024-01-31 08:47

活动报名场地预约自定义表单小程序开发

多平台；基于Uni-app开发，适用于微信小程序、H5。签到；支持配置活动签到功能，支持指定签到地点，签到时间，基于LBS判断是否位于签到点签到。多项目；后台功能操作简单，支持多创建多个活动、
云起SAAS·2024-01-31 07:52

Niushop商城系统v3.21_B2B2C_B2C多商户单商户版uni-app小程序源码版怎么配置生成

1.获取小程序源码版,Niushop小程序内核已经在3.2转移到uni-app框架新版内核的小程序分编译版和源码版(注意新版内核的小程序只有主程序V3.21以上版本支持)(需要源码帮助QQ:2568478886
qq_2568478886·2024-01-31 06:15

uniapp web-view无法打开本地html解决方法

首先要保证html的位置是对的，必须放在uni-app项目根目录->hybrid->html文件夹下如果出现下面的错误：加上html之后，停止运行重新运行一次就行了。
IT小白3·2024-01-30 14:01

uniapp uni-forms实现表单校验

uniapp官方文档：uni-app官网(dcloud.net.cn)实现效果如下：1.需要设置name属性为当前字段名（与rules中的相对应）注册2.在onReady中设置规则onReady(){this
Serenity_Qin·2024-01-30 11:02

基于Vue uniapp和java SpringBoot的汽车充电桩微信小程序

通过利用SpringBoot的快速开发特性和uni-app的跨平台能力，本项目成功实现了一个既能够适应不断变化的市场需求
程序猿大波·2024-01-30 10:21

uniapp如何引入uview组件？

在uni-app中使用uView组件需要进行以下操作：首先，确保已经安装了uView库。通过npm或者yarn命令来安装，运行npminstalluview-
秃头馒头·2024-01-30 10:46

uni-app 开发着突然忘记项目所在位置 教你快速通过HBuilder X定位到项目的位置

我经常会开发着开发着就忘记项目在哪了我们可以用编辑器打开项目然后右键项目目录然后选择这个使用命令行窗口打开所在目录(U)这样他就会快速用本地文件夹帮你打开这个目录了还可以右键项目选择使用命令行窗口打开所在目录(U)下面就会帮你打开这个目录的终端根据终端输出的目录就可以定位到项目的位置了
瑞晟技术服务中心-耿瑞·2024-01-30 08:03

uni-app调用springboot项目跨域，后端解决方案

SpringBoot跨域和不能生效的问题网上的方法很多，测试了几个可行的方式（需要特别注意的是，网上很多代码搞过来都不能用，测试发现跨域请求能否正常走下去，取决于你的跨域请求会不会被其它拦截器拦截，假设你的系统使用shiro权限，那么大概率会被首先拦截因为没有经过跨域授权处理，直接告诉客户端禁止跨域，因此针对网上的方法，稍作调整）：方式一：packagecom.company.project.co
wholve·2024-01-30 03:20

Redis 面试题 | 17.精选Redis高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-01-30 00:45

Redis 面试题 | 19.精选Redis高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-01-30 00:45

Redis 面试题 | 20.精选Redis高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-01-30 00:45

Redis 面试题 | 12.精选Redis高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-01-30 00:14

Redis 面试题 | 18.精选Redis高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-01-30 00:43

[每天进步一点点~] vue uni-app 计算属性computed和监听watch

uni-app页面计算属性不需要在data中定义计算属性Originalmessage:"{{message}}"Computedreversedmessage:"{{reversedMessage}}
WYL_99·2024-01-29 20:20

vue上传图片加水印；js上传图片添加水印；vue给图片添加水印；canvas图片添加水印；canvas画布导出图片

uni-app微信小程序图片加水印，点击看这篇需求场景：要求上传图片，并给图片添加水印。传给后端的也是有水印的图片。
i_am_a_div_日积月累_·2024-01-29 19:34

【Uni-App】Vue3如何使用pinia状态管理库与持久化

安装插件pinia-plugin-unistorage引入//main.jsimport{createSSRApp}from"vue";import*asPiniafrom"pinia";import{createUnistorage}from"pinia-plugin-unistorage";exportfunctioncreateApp(){constapp=createSSRApp(App)
RisunJan·2024-01-29 19:42

uni-app开发 预览运行uni-starter到微信时小程序Error: 系统错误，错误码：80200,main package source .......

本文为转载！在微信小程序开发中，为了解决包体积大的问题，微信官方已经给出了分包的方案，如果是用原生微信小程序开发的，那么只需要按文档来就可以了，地址：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html但是，如果你是用uniapp开发的微信小程序，你同样也会遇到包体积大的问题，那怎么解决呢先从这几个方
casun_li·2024-01-29 15:36

uniapp v3组合式语法-项目创建

出现如下界面输入完项目名称和地址后.选择红色箭头所指处的vue版本3然后点击确认,即可创建uniapp,v3项目创建完项目后,可以看到如下项目结构项目结构uniapp官网上已经写的很详细了,这里就使用uniapp官网的介绍一个uni-app
Qayrup·2024-01-29 12:46

uni-app vite+ts+vue3模式 集成微信云开发

1.创建uni-app项目此处使用的是通过vue-cli命令行方式uni-app官网使用vue3/vite版创建以typescript开发的工程（如命令行创建失败，请直接访问gitee下载模板）npxdegitdcloudio
lyj168997·2024-01-29 10:30

hello uni-APP

UniApp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。选择UniApp的原因如下：开发者/案例数量更多：几十万应用、uni统计月活12亿、70+微信/QQ群。平台能力不受限：在跨端的同时，通过条件编译+平台特有API调用，可以优雅的为某平台写个性化代码，调用专有能力而不影响其他平台。性能体验
m1chiru·2024-01-29 09:21

uni-app里面使用uni.request请求并且渲染列表

1：新建一个uniapp项目，命名为test。2：官方网站找文档，要用到列表组件地址导航：https://ext.dcloud.net.cn/plugin?id=24导入到自己的test项目里面去导入之后，可以看到目录结构如下3：打开index，开始写代码使用方式列表的方式，在script中引用组件并且在template中使用组件。importuniListfrom"@/components/un
祈澈菇凉·2024-01-29 02:07

uni-app接口封装

在项目下新建一个request目录新建request.js和api.js//全局请求封装consttoken=uni.getStorageSync('token');exportdefault(url,method,params,header)=>{uni.showLoading({title:'加载中'});returnnewPromise((resolve,reject)=>{uni.requ
itrs·2024-01-28 12:10

uni-app 请求封装

uni-app官方封装的http请求使用起来相对麻烦，针对于这个问题做了一套请求封装如下首先我们还是把相关依赖方法放出来。
白开水丶·2024-01-28 12:40

uni-app 封装接口request请求

所以今天给大家分享一个在uni-app中如何封装一个request请求。第一步、根目录下新建config.js文件constconfig={base_url:'这
琉璃℡初雪·2024-01-28 12:40

uni-app 接口封装实现过期重新登录再重新请求业务接口

小程序中实现token过期重新登录再重新请求业务接口该方法用于小程序token两个小时后过期，重新获取token再请求接口1、新建一个封装请求接口文件，命名为request.js(我在utils文件夹下建request.js)，代码如下：letisRefreshing=true;letsubscribers=[];functiononAccessTokenFetched(){subscribers
爱宇阳·2024-01-28 12:39

uni-app 接口封装，token过期，自动获取最新的token

一、文件路径截图2、新建一个文件app.jslethost='http://172.16.192.40:8083/jeecg-boot/'//本地接口letmyApi={login:`${host}wx/wxUser/login`,//登录}module.exports=myApi3、新建一个文件request.jsimportmyApifrom'@/utils/app.js';exportcon
My&Liu·2024-01-28 12:09

uni.request接口封装；小程序uni-app接口封装

另一篇请求接口简单封装在api下的index.js本片资源下载地址本片封装了postgetput请求，重点在request.js文件1.新增四个文件2.根目录下的utils下的request.js封装uni.request()请求注意：需要根据自己接口的statusCode状态码、数据状态码return_code和提示信息return_message做对应替换需要更改公共地址需要注意store的t
i_am_a_div_日积月累_·2024-01-28 12:09

uni-app 接口封装 request + 请求拦截器 + 登录过期验证

目录api.js/***接口列表文件*///auth:true,是否带头//host:false斜杠后面是否跟参数exportdefault{wx:{login:{url:'接口地址',auth:false,method:'POST'},zslogin:{url:"接口地址",auth:false,method:'POST',host:true}},}index.jsimportRequestfr
落魄山林林·2024-01-28 12:09

uni-app请求接口封装

在common文件夹新建mAjax.jsmodule.exports={get:function(url,data,callback,contentType,headers){switch(contentType){case"form":varheaderObj={'content-type':'application/x-www-form-urlencoded',//'cookie':getAp
还是个小白·2024-01-28 12:09

uniapp-app使用富文本编辑器editor

使用的是uniapp内置组件的表单组件editor：editor组件|uni-app官网(dcloud.net.cn)文档上写的也不是特别详细，还以为得npm，但没npm也能用注意：editor不能封装为组件
白酱酱·2024-01-28 06:42

uniapp 实现路由拦截，权限或者登录控制

背景：项目需要判断token，即是否登录，登录之后权限参考uni-app官方：为了兼容其他端的跳转权限控制，uni-app并没有用vuerouter路由，而是内部实现一个类似此功能的钩子：拦截器，由其统一管理拦截器说明
Lan.W·2024-01-28 06:11

前端同时上传json对象和MultipartFile文件

前端同时上传文件和对象_前端同时上传文件和json的解决方案-CSDN博客https://www.cnblogs.com/lgee/p/16963633.htmluni不提供表单uni-app上传文件报错解决方案
高树悲风·2024-01-28 04:32

Seventh 多端开发之uni-app起步

1.新建first-uni-app项目1.png项目初始目录2.png2.调整项目结构3.png3.配置pages.json{"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path":"pages/index/index","style":{"navigationBarTitleText":
老婆日向雏田·2024-01-28 04:07

Vue基本指令 V-bind V-if V-on V-for + 其他 + Mustache语法(uni-app)

一、v-bind指令:动态绑定一个或者多个属性{{message}}//1.v-bind的基本用法百度一下//语法糖:简写:百度一下data(){return{baiduUrl:'http:www.baidu.com'message:'HelloWorld'}}---------------------------------------------------------------------
呆呆．·2024-01-28 03:14

uni-app学习与快速上手

文章目录一、uni-app二、学习与快速上手三、案例四、常见问题五、热门文章一、uni-appuni-app是一种基于Vue.js开发框架的跨平台应用开发框架，可以用于同时开发iOS、Android、H5
雪梅零落·2024-01-27 15:18

uniapp状态管理Vuex介绍及vuex核心概念

uni-app内置了Vuex什么是“状态管理模式”？
Qayrup·2024-01-27 13:57

Uni-app开发小程序踩坑笔记 可关闭悬浮窗

场景近期工作中有一个需求，在小程序的多个页面添加一个可关闭的悬浮窗，这个悬浮窗结构简单，是由一张图片和一个关闭按钮组成，点击图片会跳转到活动页面的web-view。现在的需求是在某个页面关闭这个悬浮窗后，所有页面不再显示，直到下次进入小程序。问题需求看起来不是很难，只要在全局状态管理设置一个悬浮窗是否显示的状态即可，但实际开发中还是遇到了一些问题。也是小程序比较坑的一些地方。除非你重新进入小程序，
The 土川·2024-01-27 13:53

uni-app 微信小程序之红包雨活动

文章目录1.页面效果2.页面样式代码1.页面效果GIF录屏有点卡，实际比较丝滑每0.5s掉落一个红包控制4s后自动移除红包点击红包消除红包（或者自行+1，或者弹窗需求）2.页面样式代码exportdefault{data(){return{redEnvelopes:[],redEnvelopeInterval:null,}},onLoad(options){//每秒创建一个红包setInterva
范特西是只猫·2024-01-27 13:22

掌握可视化大屏：提升数据分析和决策能力的关键(下)

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2024-01-27 11:42

uni-app h5对接 thinkphp5接口跨域

uni-apph5对接thinkphp5接口跨域问题描述请求接口提示AccesstoXMLHttpRequestat'http://*******'fromorigin'http://localhost:8091'hasbeenblockedbyCORSpolicy:Responsetopreflightrequestdoesn'tpassaccesscontrolcheck:Itdoesnoth
疯癫居士·2024-01-27 08:36

uni-app隐藏scroll-view的滚动条

/*隐藏滚动条*/::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearance:none;background:transparent;}
Maoyy·2024-01-27 08:59

微信小程序和uni-app的区别

微信小程序和uni-app都是应用程序开发框架，它们都可以用来快速开发应用程序，但它们有一些不同之处：微信小程序：微信小程序是腾讯公司推出的一种无需下载安装即可使用的应用程序，用户只需要在微信中搜索或扫描二维码就可以打开并使用
无妄的罪·2024-01-27 05:27

【Uni-App】Vuex在vue3版本中的使用与持久化

Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简而言之就是用来存数据，可以有效减少使用组件传参出现的问题。基本元素：store（里面存数据），mutation（里面修改数据），action（里面异步调用mutation来修改数据），getter（获取数据）以下是一个表示“单向数据流
RisunJan·2024-01-27 03:56

uniapp获取定位

在uni-app中获取用户的地理位置信息，主要涉及使用框架提供的API来获取当前设备的位置。
翱翔-蓝天·2024-01-27 01:01

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

警告由于uni-app的Bug，在最新版的HX2.8.6(包括之前的多个版本)，此功能(组件)无效，等到uni-app修复此Bug时，我们会撤销此通告。
TechWhiz-晓同·2024-01-26 20:53

uniapp项目搭建

目录uni-app项目搭建路由request工具封装UI组件如何引入uni-app项目搭建什么是uni-appuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS
qq_27169469·2024-01-26 19:49

uni-app App端的微信分享文字格式（类似淘宝商品复制链接）

1.试用商品购买，类似淘宝商品复制链接如图：image.png2.分享到微信好友与朋友圈代码如下：scene属性值WXSceneSession分享到聊天界面WXSceneTimeline分享到朋友圈WXSceneFavorite分享到微信收藏/**分享到微信*/shareWeChat(){varshareText='【'+this.goodsBean.name+'】'+'##长按复制此条消息，打开
郭的妻·2024-01-26 13:17

uni-app判断客户端环境是 Android、iOS 还是小程序开发工具

在百度小程序开发工具、微信小程序开发工具、支付宝小程序开发工具中使用uni.getSystemInfoSync().platform返回值均为devtoolsswitch(uni.getSystemInfoSync().platform){case'android':console.log('运行Android上')break;case'ios':console.log('运行iOS上')brea
Dove言和·2024-01-26 12:42

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

一：uniapp网络请求第一步：新建uni-app项目第二步：在npmjs中下载第三方包（用于请求）安装步骤链接如下：@escook/request-miniprogram-npm1、打开uniapp项目的终端输入
bsegebr·2024-01-26 10:06
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他