UNI-APP

uni-app 上拉加载函数 onReachBottom 不触发

问题：uni-app上拉加载函数不触发。首先我已经在pages.json文件中配置了enablePullDownRefresh为true，且配置正确。
Smile.ls·2023-11-23 03:05

uniapp开发小程序解析经纬度获取当前位置信息（腾讯地图二）

webserviceAPI服务下载小程序SDK腾讯地图小程序文档sdk微信后台配置请求request域名小程序管理后台详细步骤1.下载解压后的qqmap-wx-jssdk.js文件放到项目中，然后在页面引入使用[uni-app
爱吃鱼的酱酱仔·2023-11-23 00:09

uni-app中使用微信js-sdk(个人笔记)

开发前必读：JS-SDK说明文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。例子为在vue中使用微信JS-S
kevision·2023-11-22 23:17

uni-app：封装组件 2022-05-06

通过uni-app的easycom：将组件引入精简为一步。只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。
追逐繁星的阿忠·2023-11-22 17:56

uniapp 给小程序添加分享功能

在Uni-app中，要为小程序添加分享功能，你可以通过使用小程序的自定义分享组件或通过配置页面的分享信息来实现。下面我将分别介绍这两种方法。
佛天华·2023-11-22 16:28

移动端uni-app富文本源码

话不多说，先看效果：源码如下：exportdefault{data(){return{readOnly:false,formats:{},timer:null,}},props:["store_detail"],mounted(){this.onEditorReady()//将数据渲染到富文本内this.timer=setInterval(()=>{if(this.store_detail){cl
qq_51819142·2023-11-22 16:54

uniapp 富文本以及移动端富文本的展示问题

富文本展示有几种方式:1.2.uniapp自带组件rich-textrich-text|uni-app官网3.uView组件u-parseParse富文本解析器|uView2.0-全面兼容nvue的uni-app
前端小胡兔·2023-11-22 16:50

HBuilderX真机模拟uni-app项目 + 上架应用市场

一、安卓真机模拟手机电脑下载360手机助手荣耀手机示例：手机电脑数据线连接，手机端敲7下版本号（关于手机->版本号）系统与更新里出现开发人员选项，打开开发人员选项，打开USB调试，选择USB配置RNDIS（USB以太网）！！！我的手机不开RNDIS会出现手机电脑无法用数据线连接情况。电脑端运行到手机或者模拟器，手机端会相应下载HBuilder允许即可。然后就可以在手机真机操作，电脑控制台看报错了。
lucky_hahaha·2023-11-22 14:39

vue3 uniapp h5 安卓和iOS开发适配踩坑记录

font-size适配屏幕大小及iOS和安卓状态栏及安全距离的处理App.vueimport{onLaunch,onShow,onHide}from"@dcloudio/uni-app";import'
HerayChen·2023-11-22 14:33

nvue的踩坑小总结

最近我在用uni-app做一个app，涉及到了类似抖音的那种播放视频。我在网上找了个别人讲解相关内容的博客，用.vue的文件照着敲下来，在小程序上可以运行，美滋滋。
努力学前端的南宫·2023-11-22 13:30

uniapp 富文本rich-text 网络gif不渲染

直接使用后如下：rich-text|uni-app官网代码贴上。很明显，渲染出来的gif并不符合预期。然后一顿搜索，在官网论坛处得知，rich-text不支持gif。
乡下小菜鸟·2023-11-22 11:42

uni-app——picker组件的用法、时间、日期选择器等

一、简介相信大家在写项目的时候会遇见时间选择器的效果，如下：二、实现步骤uni自带选择器组件。类型有好几种。这里以日期案例讲解。1.找到picker组件，找到日期选择器的案例，找到案例，复制出来。2、整体代码{{date}}exportdefault{data(){constcurrentDate=this.getDate({format:true})return{date:currentDate
耶啵奶膘·2023-11-22 09:10

uni-app 门票日历选择器

界面：原始组件：uni-calendarpages/calendar/calendar.nvue·········data(){return{showCalendar:false,info:{lunar:true,range:true,insert:false,selected:[]},priceDate:[{date:"2020-12-22",month:"12",days:"22",price
qq_28404381·2023-11-22 09:30

uni-app中设置日期选择器的结束日期为当前日期

绑定数据{{birthday}}在中封装获取当前日期的函数注意：以下代码段与exportdefault同级varcurrentdate="";functiongetNowFormatDate(){vardate=newDate();varseperator1="-";varyear=date.getFullYear();varmonth=date.getMonth()+1;varday=date.
lijingjingjing22·2023-11-22 09:54

uni-app - 日期 · 时间选择器

目录1.基本介绍2.案例介绍①注意事项：②效果展示3.代码展示①view部分②js部分③css样式1.基本介绍从底部弹起的滚动选择器。支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。2.案例介绍①注意事项：当选择时间和日期的时候会默认直接展示当前的时间和当天的日期②效果展示3.代码展示①view部分面试日期{{DateVal
秃头馒头·2023-11-22 09:18

uni-app 小程序分包

首先在对应平台的配置下添加"optimization":{"subPackages":true}开启分包优化在manifest.json文件的源码视图里/*小程序特有相关*/"mp-weixin":{"optimization":{"subPackages":true},//这儿"appid":"wx35c2bd33c8612246","setting":{"urlCheck":false,"es
变量只提升声明不提升赋值·2023-11-22 07:48

使用HBuilder-X创建uniapp项目并启动演示

官方网址：https://www.dcloud.io/一、创建项目依次点击文件->新建->项目：接着：点击uni-app填写项目名称选择项目路径选择项目模版，我这里选择默认选项Vue的版本点击创建项目项目创建完成
爱吃雪糕的小布丁·2023-11-22 06:53

关于阿里云与mangoDB的关系，以及uni-app基于阿里云打包H5以及app的讲解及注意事项

目录被称为全球领先的阿里云阿里云数据库与mongoDB的关系什么是mongoDB阿里云与mongoDB达成战略合作伙伴关系的意义什么是uni-app优点本地云函数的上传关于H5打包并打包并发布上线以及域名的配置第一步
lqj_本人·2023-11-22 01:41

一篇带你走进Vue+阿里云的uni-app开发（HBuilder X开发版）

欢迎关注b站：小淼前端有更多的视频讲解+源代码可领取哦~目录欢迎关注b站：小淼前端有更多的视频讲解+源代码可领取哦~欢迎关注b站：小淼前端有更多的视频讲解+源代码可领取哦~说明：被称为全球领先的阿里云uni-app
lqj_本人·2023-11-22 01:40

uniapp微信小程序canvas生成简单海报并下载

话不多说先贴文档uni-app官网其实该文档和微信小程序类似最终效果，微信小程序可用，一个一个代码敲出来的。
三线码工·2023-11-22 00:54

详解vue或uni-app的跨域问题解决方案

常见解决方案有两种服务器端解决方案服务器告诉浏览器：你允许我跨域具体如何告诉浏览器，请看：//告诉浏览器，只允许http://bb.aaa.com:9000这个源请求服务器$response->header('Access-Control-Allow-Origin','http://bb.aaa.com:9000');//告诉浏览器，请求头里只允许有这些内容$response->header('A
莫比乌斯的日落·2023-11-21 21:35

uni-app:实现request请求的递归（设置request请求的访问次数），并且调用自定义方法给出返回值

一、效果展示失败效果成功效果二、写入后端请求部分分析①自定义一个模块common.js主要用于封装所有的请求函数②核心代码functionrequestWithRetry(cmd,username,password,retryCount){returnnewPromise((resolve,reject)=>{uni.request({url:ip+'sys/user/login',data:{c
雯0609~·2023-11-21 21:27

uni-app:前端实现心跳机制（全局）+局部页面控制心跳暂停和重新心跳

一、App.vue全局中写入心跳在data中定义变量heartbeatTimer，便于暂停心跳使用在onLaunch中引用开始心跳的方法startHeartbeat()写入开始心跳方法写入暂停心跳方法写入请求后端刷心跳机制定义变量//在全局设置的心跳机制中添加一个变量来保存定时器的标识data(){return{heartbeatTimer:null};},在应用初始化时启动心跳onLaunch:
雯0609~·2023-11-21 21:52

uni-app - 弹出框

目录1.基本介绍2.原生uinapp通过uni.showActionSheet实现3.使用组件Popup弹出层③效果展示1.基本介绍弹出框让我们在需要时在屏幕底部弹出一个菜单，它通常用于在各种应用程序中进行选择操作。Uniapp为我们提供了基本的底部弹出框组件，但它也有一些自定义功能。弹出框组件由两个主要组成部分组成：触发元素和弹出框。触发元素通常是一个按钮或其他形式的UI元素，它与弹出框逻辑相互
秃头馒头·2023-11-21 15:58

uni-app 使用uview上传头像组件

点击图片上传头像created(){//监听从裁剪页发布的事件，获得裁剪结果uni.$on('uAvatarCropper',path=>{this.avatar=pathuni.uploadFile({url:`url`,filePath:this.avatar,name:'file',method:'POST',header:{'token':'111'},complete:(res)=>{l
安徒生1997·2023-11-21 15:50

跨平台开发uni-app快速上手

规范接口能力靠近微信小程序规范但需将前缀wx替换为uni数据绑定及事件处理同Vue.js规范同时补充了App及页面的生命周期为了兼容多端运行建议使用flex布局推荐使用rpx单位（750设计稿）main.jsmain.js是uni-app
_聪明勇敢有力气·2023-11-21 13:43

【uniapp】真机运行 访问电脑本地接口127.0.0.1网络失败（亲测有用！！）

uni-app运行到手机上，提示request:failabortstatusCode:-1Failedtoconnecttolocalhost/127.0.0.1:8080_ChangYan.的博客-
cc蒲公英·2023-11-21 13:01

uni-app小程序开发使用uView，u-model传入富文本内容过长，真机上无法滚动

uni-app小程序开发使用uView，u-model传入富文本内容过长，真机上无法滚动找到u-model插件，在slot内容的外层自定义加入一个scroll-view标签，设置scroll-y=“true
嘿，小苹果·2023-11-21 12:27

用vue写一个随着滚动高度 而高亮的效果

vscode中写一套代码先滑动高亮上效果图1.在hbuilder中小程序的代码{{item.label}}import{onLoad,onShow,onPageScroll}from'@dcloudio/uni-app'importthrottlefrom
haodanzj·2023-11-21 08:01

uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件

在昨天的文章《uni-app跨端开发微信小程序之HBuil
yilingsj·2023-11-21 05:11

vue uni-app 上传图片 图片压缩 优化

点击上传图片import{compressImg}from'../../utils/util.js'公用的图片压缩路径methods:{ChooseImage(){letthat=thisuni.chooseImage({count:1,sizeType:['original','compressed'],//可以指定是原图还是压缩图，默认二者都有sourceType:['album'],//从相
北境程序员·2023-11-21 05:09

vue在uni-app递归组件的使用

vue/uni-app微信小程序是可以使用递归组件的使用方法和在vue中不一样，不能直接使用name引入，需要在组件中再次引用这是我在components下定义的组件managerListBox.vue
小鬼bustern·2023-11-21 05:08

uni-app自定义组件的注册和调用

uniapp自定义组件的注册easycom规范components/组件名/组件名.vuepageHead.vue组件注册{{title}}---{{detail}}exportdefault{name:"pageHead",props:{title:{type:String,default:"hello"},detail:{type:String,default:"你好"}},created()
光明有我16620122910·2023-11-21 05:08

uni-app学习

1、摸鱼唠嗑1.1加载中的loading框之前做项目的时候太着急就没做请求时加载的动画效果，今天看官网的时候突然发现有自带的api组件，用的还不错，但是官网也有大写的注意：showToast和showLoading是底层同一个（按的小程序的设计），所以showToast和showLoading会相互覆盖，而hideLoading也会关闭showToast,解决办法：就是尽量使用其中一个就可以了，避
SanErYa_·2023-11-21 05:37

uni-app在子组件中更新父组件传入的数据，视图不更新

原因：问题出现在子组件props里传入的属性是没有进行双向绑定的解决办法：1.在data里定义一个属性等于props传入的属性然后进行操作2.在要迭代的view组件外包裹一层带v-if属性的view组件,对v-if绑定的数据进行赋值false再赋值true,来重建view组件以达到视图更新的目的.
lxx-sissi·2023-11-21 05:37

说好的 uni.showLoading(),只能使用 uni.hideLoading() API关闭呢？

uni-app交互API大坑前言：说好的uni.showLoading()，只能使用uni.hideLoading()API关闭呢？
qq_44467976·2023-11-21 05:07

开发仿抖音APP遇到的问题和解决方案

uni-app如何引入阿里矢量库图标/uniapp中引入iconfont文件报错文件查找失败uni-app如何引入阿里矢量库图标-知乎uniapp中引入iconfont文件报错文件查找失败：‘.
王家视频教程图书馆·2023-11-21 05:36

uni-app注册 page-head

初次使用uni-app，随便写了个测试，遇到了bug翻译了一下，组件注册正确吗?对于递归组件，请确保提供“name”选项。好像是用到head或者foot没有注册就会有这种报错。只要在main。
百味苦·2023-11-21 05:36

uni-app 微信小程序提示音一闪而逝

这种一闪而逝可能是因为在showLoading中使用了showToast调用hideLoading的时候强制关闭了showToast所以当时showToast一闪而逝事例uni.showLoading({title:'加载中.....'})uni.showToast({title:'ssssss',duration:2000})uni.hideLoading()解决：把showToast放到hid
qq_41416296·2023-11-21 05:36

uni-app踩坑之自定义组件数组渲染问题

uni-app踩坑之自定义组件渲染问题业务介绍业务说明踩坑1:微信小程序无法直接操作props里的对象踩坑2:uni-app自定义组件里的数组渲染的问题业务介绍因为我一开始都是做的后端开发,然后之前的几个项目没前端我就学了
m0_38137244·2023-11-21 05:04

[uni-app]记录APP端跳转页面自动滚动到底部的bug

文章目录bug描述原因分析:处理方案bug描述1.点击的A页面,跳转到了B页面,第一次页面正常显示2.从B页面返回A页面3.A页面不进行任何操作,再次点击A页面进入B页面4.B页面自动滚动到底部.原因看一段A页面代码letthat=thisthis.defaultScrollTop=uni.getStorageSync('detailScrollTop')this.$nextTick(()=>{t
iOSTianNan·2023-11-21 05:03

自学uni-app （2）uni-app的导出模块(export default)和常用方法

跨平台框架uni-app导出模块1.datadata对象属性的数据类型数字字符串布尔类型json对象类型数组1.2methods2.数据对象属性的引用2.1显式引用2.2隐式引用映射（map）列表渲染（
IT_Joliu·2023-11-21 05:28

Uni-App课程学习心得

通过学习uni-app这个框架，我首先了解到Uni-App是一个跨平台开发工具，它提供了一些特殊的API和组件，用于开发iOS、Android、H5、小程序等多个平台的应用程序。
Acting7·2023-11-21 05:57

vue和uni-app的递归组件排坑

有这样一个数组数据，实际可能有很多级。tree:[{id:1,name:'1',children:[{id:2,name:'1-1',children:[{id:7,name:'1-1-1',children:[]}]},{id:3,name:'1-2'}]},{id:4,name:'2',children:[{id:5,name:'2-1'},{id:6,name:'2-2'}]}]要渲染为下面
xintianyou丶·2023-11-21 05:27

[uni-app] uni.showToast 一闪而过问题/设定时间无效/1秒即逝

toast一闪就消失1.猜测频繁点击导致–排除2.猜测再定时器内导致--排除3.和封装的接口调用一起导致-是改原因深挖发现:axios封装中,对loading/hindloading进行了配置,看来是showToast与loading等冲突导致的wx.hideLoading(Objectobject)解决办法再封装的函数里,对hideLoading进行设置
iOSTianNan·2023-11-21 05:55

uni-app实现手写签名

uni-app实现手写签名重写保存exportdefault{data(){return{ctx:'',//绘图图像points:[],//路径点集合signature:'',//签名后台图片地址}},
天天向上1024·2023-11-21 02:14

uni-app一套代码，多端发行，离线云端打包更便捷

uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。
前端来入坑·2023-11-21 01:48

uni-app中自定义图表（canvas实现chart图表）开发篇（2）-多圆环进度条

上篇讲了圆环进度条，这里再稍微改进下，将单环改成多环。有兴趣的朋友，可以了解下。咱们将数组里增加一项，圆环会增加一个，如下图：可以容纳几个圆环，大家可以根据需求进行微调。一、创建相应页面1.1scss样式代码.wrap-box{padding:030rpx;.echart-box{padding:15px0;border-bottom:1pxsolid#DDDDDD;.title{font-siz
觉醒法师·2023-11-20 23:12

uni-app中自定义图表（canvas实现chart图表）开发篇（3）-带针表刻度的圆环进度条

还是在之前几篇基础上，讲下圆环衍生出一种新的圆环进度条，以针表的刻度来绘制出一个进度条。图形如下：一、创建相应文件1.1charts.js文件创建/***图表-带刻度的圆环进度条*/exportclassCircleBox{//构造函数constructor(_context){}//绘制图表drawCircle(){}}1.2vue页面创建图表：带时刻的圆环进度条减小增加import{Circl
觉醒法师·2023-11-20 23:12

uni-app中自定义图表（canvas实现chart图表）开发篇（5）-圆环进度条添加动画效果

这里增加一篇介绍下进度条动画效果如何添加，前几篇的进度值被修改后，切换效果比较生硬。另外也在第四篇基础上，对图形略作修改。在查看uniapp文档时，没有发现重绘执行函数，小程序中有Canvas.requestAnimationFrame；所以在uniapp这里，我们使用setInterval来实现，完成后运行也很流畅。添加动画后效果如下图：一、创建对应页面1.1创建charts.js文件/***图
觉醒法师·2023-11-20 23:12
上一页 17 18 19 20 21 22 23 24 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他