草庐IT

uni-captcha

全部标签

【uni-app】textarea中的换行问题

关于textarea要注意的是,在微信小程序,百度小程序及字节跳动小程序中,textarea是原生组件,层级高于前端组件,请勿在scroll-view,swiper,picker-view,movable-view中使用textarea组件,覆盖textarea需要使用cover-view在实际开发中,textarea组件中的换行符为\r\n,并不是HTML的标签。因此,使用rich-text组件输出时并不能显示换行,需要将\r\n转换成标签,代码示例如下:template> view> textareaclass="area-content"v-model="content"placeh

三分钟完成小程序 uni-app、网站接入chatgpt实现聊天效果

利用laf云开发实现uni-app调用chatGPTAPI,实现与openai对话1.实现后台接口注册laf云开发账号https://laf.dev/注册一个应用后进入这个页面:下载依赖chatgpt配置apiKey写send函数//send函数源码importcloudfrom'@lafjs/cloud'exportasyncfunctionmain(ctx:FunctionContext){const{ChatGPTAPI}=awaitimport('chatgpt')constdata=ctx.body//这里需要把api对象放入cloud.shared不然无法追踪上下文letapi=c

uniapp使用uni.chooseLocation()打开地图选择位置

使用uni.chooseLocation()打开地址选择位置1、打开微信开发平台申请权限【开发】–【开发管理】–【接口设置】–点击去开通,开通之后才可以使用。2、对小程序进行设置“requiredPrivateInfos”:[“chooseLocation”]1.第一种在uniapp进行设置2.第二种在原生微信小程序上设置3、在app.vue里添加微信用户授权onLaunch:function(){ uni.authorize({ scope:'scope.userLocation', success:function(){ console.log('用户同意了授权') } })},4、在页面

【uni-app】通过uni-app基础组件picker实现选择日期、时间的功能示例(完整代码+图文)

一、获取日期(基础) {{date}} exportdefault{ data(){ return{ date:'请选择日期' } }, methods:{ onDateChange:function(e){ this.date=e.detail.value; } } } .container{ padding:20rpx; background-color:#f5f5f5; } .date-picker{ line-height:80rpx; border:1pxsolid#ccc; padding:10rpx; text-al

uni-app:刷新当前页面

varpages=getCurrentPages();//获取所有页面的数组对象varcurrPage=pages[pages.length-1];//当前页面uni.redirectTo({ url:currPage.__page__.fullPath })执行这三行代码就可以实现uniapp刷新当前页面。不论是tabbar还是page页面如果不行,请参考微信小程序和uniapp有区别,大体相同,自己改改****************

uniapp全局拦截之uni.addInterceptor

这个就很让人无语。。。。试了几次发现首次进入页面不拦截,准备做一个uniapp一进来判断授权的情况,但是这个只有第一次之后才会触发(因为我做的是微信公众号的H5页面的分享出去所以会需要首次进入拦截,如果对于首次登录拦截没有要求的可见最下边代码)。。分了两种情况在需要分享出去的页面onload中做了是否有token的判断onLoad(e){console.log(333)console.log(e,'eeeeeeejinxing')console.log(e.myid,'e.myid')console.log(e.activityId,'e.activityId')console.log(e.i

【uni-app】微信小程序开发 node_modules 模块丢失问题

 解决问题重要的问题说三遍!!!解决HBuilderX打包uni-app项目到微信小程序时,node_modules文件夹丢失问题。解决HBuilderX打包uni-app项目到微信小程序时,node_modules文件夹丢失问题。解决HBuilderX打包uni-app项目到微信小程序时,node_modules文件夹丢失问题。一、uni-app介绍uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。uni-app 在

uni-app、小程序项目,在分包后访问地址无法跳转,出现异常:RangeError: Maximum call stack size exceeded

使用uni-app开发小程序,由于微信小程序对代码包体积有大小限制,故分包处理,同时也做了分包预加载分包后,一个点击事件,同一个跳转地址,在浏览器下正常跳转,在微信开发者工具内出现如下报错出现异常:RangeError:Maximumcallstacksizeexceeded如图:原因:很有可能是路由拦截错误导致堆栈溢出,或者分包路由找不到导致疯狂重定向一个是路由哪儿的问题,一个是分包配置哪儿的问题1.首先本人项目分包配置如下,注意root参数后的分包路径多了个/,实际是不能加/的"subPackages":[{"root":"pages/process/","pages":[{"path":

uni-app的分包下小程序报错app.json: [“tabBar“][1][“pagePath“]: “xxxx“ need in [“pages“]

uni-app踩坑系列出错过程解决方案关于分包的静态文件建议出错过程如过项目没有采用分包,解决方案点这里如果项目采用分包,pages.json的文件格式如下项目运行起来,h5是可以的,但微信开发者工具报错解决方案tabBar下的list需要在pages下面找需要把tarBar的引入的页面放在pages文件夹,其他分包的放在分包目录运行项目,一切正常也可以跳转。关于分包的静态文件建议

uni-app返回上一个页面并进行页面刷新

适用两个不同的页面跳转,返回上一个页面保存并刷新修改后的数据(也解决了uni-app的navigateBack返回不刷新的方法之一)当前页:上一页:思路:1、用getCurrentPages()获取打开的页面2、保存当前页面和上一个页面提示:不确定是不是从当前页跳转到上一页就console.log(pages[pages.length-1].route)路由3、navigateBack返回上一个页面4、成功返回后,用$vm.调用上一个页面的方法名,进行页面刷新