草庐IT

uni-calendar

全部标签

uni-app小程序(vue3版本)使用Vuex在调用store时报错: Cannot read property ‘state‘ of undefined

这里是开发购物车相关的功能时遇到bug报错,如图所示 通过搜索是因为我开发的uni-app是vue3版本,但是在使用vuex时使用的是2版本的格式所造成的错误一、首先配置vuex1.在项目根目录中创建store文件夹,专门用来存放vuex相关的模块2.在store目录上鼠标右键,选择新建->js文件,新建store.js文件 3.在store.js中按照如下4个步骤初始化Store的实例对象报错前代码  将以上代码修改为如下4.在main.js中导入store实例对象并挂载到Vue的实例上,这里要注意一定是加到#ifdefVUE3这个位置下面 5.在store目录上鼠标右键,选择新建->js文

uni app实现WIFI功能(只支持安卓APP)

uniapp实现WIFI功能一.前言二.使用uni-WIFI三.使用h5+api一.前言最近需要在uniapp上实现WiFi功能,将个人的研究结果记录如下(都只支持安卓APP)使用uni-WIFI使用h5+api二.使用uni-WIFI完整代码地址暂未上传如果遇到打包错误可尝试修改将minSdkVersion改为21如果是自定义基座,需要具备下面的权限"","","",""判断是否有定位权限(因为使用WiFi模块需要使用定位,如果定位没有打开初始化WiFi就会失败)asyncisPermission(){constres=awaitrequestAndroidPermission('andro

uniapp微信小程序uni.getLocation获取位置(经纬度)之逆地址解析获取城市信息

前言:我好像隐隐约约的记得前几个月用uniapp开发微信小程序使用API接口uni.getLocation好像能获取到城市信息,但是现在只能获取到经度、纬度了,然后去看了一下uniapp官网发现仅App端支持......好吧!那可能是我记错了,也没关系,竟然能获取到经度和纬度那我们就使用第三方接口来处理。去网上找了一下腾讯位置服务可以为我们提供一个叫逆地址解析接口刚好可以满足我们的需求,那就用这个来实现吧!!1.配置全局属性在获取位置前我们需要在manifest.json文件配置一下requiredPrivateInfos和permission全局属性才可以正常的使用。 配置permissio

uni-app写微信小程序input获取焦点部分安卓机页面不弹起问题(弹起一点焦点样式问题)

以上代码是一个自己封装的一个输入框组建.inp{ width:100%; height:80rpx; }以上是问题出现的关键,没有设置行高设置行高后就解决了问题,具体原因不详.inp{ width:100%; height:80rpx; line-height:80rpx; }

获取微信小程序版本号,uni

//uniapp方法获取版本号uni.getSystemInfo({success:function(res){ console.log(res,'---------') }});//微信小程序方法获取版本号constaccountInfo=wx.getAccountInfoSync();this.version_number=accountInfo.miniProgram.version;//小程序版本号console.log(res,'---------')  

uni-app 轮播图视频+图片 视频图片全屏预览 两种方法

项目场景:在做商城项目的时候,商品详情的轮播图需要同时显示视频和图片,并且能够全局预览解决方案:如果项目里有uview这个组件库,可以通过swiper轮播图的指定类型进行解决,点击这里进行跳转也可以通过uni-app自带的swiper去解决这个问题,点击这里进行跳转具体代码:就目前的两种方案,第二种方案代码繁琐,但是更好扩展,如果只是简简单单实现功能,第一种方案足以方案一的代码主要见官网,讲解清晰方案二的代码swiperindicator-dots="true"indicator-color="#FCF3F3"indicator-active-color="#EC3A40"class="swi

【备忘录】uni-app的地图相关组件操作,uni-app接入腾讯地图API的具体实现

官方帮助文档:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview进行一些简单的配置Uniapp提供的位置相关的服务:https://uniapp.dcloud.net.cn/api/location/location.htmlUniApp提供的地图组件https://uniapp.dcloud.net.cn/component/map.htmlUniApp针对微信小程序,使用腾讯地图,实现地图交互+导航文档针对微信小程序进行设置,其他端使用这些组件还需要参考uniapp官方文档是否支持对应的业务认识组件和API一、UniA

【备忘录】uni-app的地图相关组件操作,uni-app接入腾讯地图API的具体实现

官方帮助文档:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview进行一些简单的配置Uniapp提供的位置相关的服务:https://uniapp.dcloud.net.cn/api/location/location.htmlUniApp提供的地图组件https://uniapp.dcloud.net.cn/component/map.htmlUniApp针对微信小程序,使用腾讯地图,实现地图交互+导航文档针对微信小程序进行设置,其他端使用这些组件还需要参考uniapp官方文档是否支持对应的业务认识组件和API一、UniA

uniapp 文件上传 uni.uploadFile

在uniapp中,您可以使用uni.uploadFile和uni.downloadFileAPI进行文件上传和下载。以下是示例代码和说明:uni.chooseImage({success:(chooseResult)=>{consttempFilePaths=chooseResult.tempFilePathsfor(leti=0;i{console.log('上传成功',uploadResult)},fail:(err)=>{console.log('上传失败',err)}})}}})上面的代码使用uni.chooseImage方法选择一个或多个本地图片,在uni.uploadFile方法中

记录--『uni-app、小程序』蓝牙连接、读写数据全过程

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助本文简介这是一次真实的蓝牙收发数据的全过程讲解。本文使用uni-app+Vue3的方式进行开发,以手机app的方式运行(微信小程序同样可行)。uni-app提供了蓝牙和低功耗蓝牙的api,和微信小程序提供的api是一样的,所以本文的讲解也适用于微信小程序。本文只实现蓝牙收发数据功能,至于样式,我懒得调~蓝牙相关功能我会逐步讲解。如果你基础好,又急的话,可以直接跳到『完整代码』的章节查看,那里没废话。环境说明开发工具:HBuilderX3.4.7.20220422uni-app+Vue3以安卓App的方式运行(iOS和小程序同理)思路蓝