草庐IT

uniapp自定义组件在h5显示,微信小程序不显示?

引入自定义组件不显示,先检查引入是否正确,还不行就下面:清除一下微信小程序的缓存,全部清除,再重新编译一次应该就行了还不行,或是偶尔再出现,hbuilder项目关闭重启一下

uniapp刷新页面后使用uni.navigateBack()无法返回上个页面

最近写uniapp项目的时候发现有时候需要更新页面数据,我是用h5强制刷新页面后就无法返回上一个页面,查了文档后发现是页面栈丢失问题。百度看了很多大佬们的方法,方法基本一致,使用原生JS的history对象,封装一个兼容uniappapi和原生js的返回的方法。在此记录一下方法letcanNavBack=getCurrentPages()if(canNavBack&&canNavBack.length>1){uni.navigateBack()}else{history.back();}//在返回的方法里替换

uniapp如何发起网络请求

几种常见的请求方式:jquery:$.ajax({url:"",//路径type:"",//请求方式data:"",//请求参数success:function(){},//成功之后做的事情error:function(){}//失败之后做的事情})底层使用的是js的异步请求axios底层使用的promiselethttp=axios.create({baseURL:"",//根路径timeout:"",//请求超时时间headers:"",//请求头})http({url:"",//路径method:"",//请求方式data:"",//请求参数postparmas:""//请求参数get}

uniapp微信小程序接入echarts(踩坑无数)

微信开发者工具效果图真机显示因为本次小程序开发使用到了echarts发现接入有点麻烦,记录一下前置准备使用了uniapp插件市场的echarts-for-wx插件导入到自己的项目会多出以下文件夹,真正有用的是红框内的三个文件,可以将其移入到components下,具体哪个页面/组件使用了就引入页面引入使用这里我是把uni-ec-canvas移入到components文件夹下了 importuniEcCanvasfrom"@/components/uni-ec-canvas/uni-ec-canvas.vue"; components:{ uniEcCanvas, }, data(){ r

2023年|uniapp 微信小程序获取头像和昵称又一次变动

这一次仍然是getUserProfile()API,不知道官方为啥纠结这个问题。下面看看官方的说法,看完后不知道有没有人跟我一样是不是觉得他们官方程序员没活干闲着蛋疼。微信官方公告:https://developers.weixin.qq.com/community/develop/doc/00022c683e8a80b29bed2142b56c01总结:getUserProfile()以后获取的是灰色头像和微信用户昵称解决方法一直接通过标签获取头像和昵称,但是我在虚拟机可以显示,真机没办法显示,此方法仅供参考viewclass="avatar">open-datatype="userAvat

uniApp微信小程序前后端交互

前端config包下//本地环境constUrl='http://本机地址:端口号/**********';//暴露接口exportdefaultUrl;common交互逻辑//引入本地环境importUrlfrom'../config/config.js';//清除登录用户信息exportdefault{//获取openid方法getOpenIdSessionKey(){varthat=this;uni.login({provider:'weixin',success:(res)=>{//这里获取的是用户的code,用来换取openid、unionid、session_key等信息,再将信息

uniapp---- 获取当前位置的经纬度等信息的详细步骤(包含小程序)

uniapp----获取当前位置的经纬度等信息的详细步骤(包含小程序)1.在项目中进行配置,我选择的是高德地图,填写相关信息。2.进入高德官网:https://lbs.amap.com/upgrade#quota,进行登录注册,进入到“控制台”。3.打开“应用管理”->“我的应用”页面,点击“创建新应用”,根据页面提示填写内容创建应用。4.在应用下点击“添加”为应用添加Key,根据需要分别为Android平台、iOS平台申请Key。5.需要也申请一个微信小程序key,因为我的项目是先开发小程序,在uniapp的官方文档中有详细的介绍:参考链接:https://ask.dcloud.net.cn

uniapp 微信小程序fail parameter error: parameter.filePat…parameter.name should be String instead

如果报错:uploadFile:failparametererror:parameter.filePathshouldbeStringinsteadofUndefined…或者:failparametererror:parameter.filePat…parameter.nameshouldbeStringinstead…或者:uploadFile:failparametererror:parameter.filePat…parameter.nameshouldbeStringinsteado…可参考本文。uniapp的uni.uploadFile官方文档点击此处首先,如果是uniapp开发微

uniapp小程序底部tabbar图标大小设置

小程序底部tabbar图标大小设置在uniapp中小程序的tabbar没有设置图标大小的属性,导致小程序在不同平台打开时图标大小显示的不一样,特别是在电脑微信打开小程序时,底部的图标就会特别大,使得页面看起来怪怪的,如下图:第一张是pc端H5,第二张是微信开发者工具(与手机端效果一样)、第三张电脑微信打开的小程序。所以既然代码没法调大小,自定义底部tabbar搞起来又很心累,那只好从图片剪裁这方面来想办法了。解决办法:图片切图的时候,不要紧贴图像切,图片四周留出相应比例的空白。如下:原图:剪裁后的图片:四周留出空白部分h5端用正常用原图是没问题的,小程序的话遇到类似问题可以参考这种方法试试。下

uniapp华为手机真机测试保姆教程

第一步:去华为手机助手HiSuite官方下载|华为官网(huawei.com)下载华为手机助手给电脑安装;第二步:在手机的设置找到关于手机,然后连续点击鸿蒙版本选项7下打开开发者模式。第三步:用数据线连接手机和电脑,然后更改充电选项为文件传输。在系统和更新里找到开发者人员选项,然后在里面打开usb调试。在设置页面搜索HDB,然后打开允许通过HDB连接设备。第四步:给手机安装华为手机助手。第五步:在HBuilderX中点击运行==》运行到手机或模拟器==》运行到AndroidApp基座,自动会给手机安装一个基座app。第六步:如下图所示:勾选后点击运行。 如有不懂的地方,留言可帮助解答。