
uniapp
Acardia_Liu
精通Vue2,Vue3,React,uniapp,wx,nestJs等单词拼写
展开
-
uniapp动态设置占位区高度(配合createSelectorQuery方法)
需求top-box区域为fixed布局,固定的。此时需要一个配套的占位区域,来占住top-box的位置,以防止内容区域挤压。原创 2022-07-19 11:39:50 · 995 阅读 · 0 评论 -
uniapp 多环境配置(vue.config.js方式,简单上手)
根据npm命令切换多环境的api等变量原创 2022-06-29 17:36:26 · 7115 阅读 · 2 评论 -
uni.chooseImage在IOS中,由于请求异步问题无法调用解决方案
uni.chooseImage在IOS中,由于请求异步问题无法调用解决方案原创 2022-06-22 09:58:50 · 1941 阅读 · 2 评论 -
uniapp轻松集成极光推送SDK(本地插件集成和离线打包两种)
文章目录一、先在uniapp的插件市场下载二、本地插件配置(可在控制台看到打印信息,方便测试)1.配置本地插件信息1.1 厂商信息需要在各个厂商注册后,然后填写,用处为:可在离线时,发送通知。1.2 在本地插件的page.json中,配置安卓和ios的[appKey](https://www.jiguang.cn/portal/#/dev/newOverview)和厂商id(若不配置,仅支持在线通知):2.配置manifest.json信息在manifest.json的源码视图中配置如下信息:1、2、3步代原创 2022-04-07 20:39:02 · 9803 阅读 · 8 评论 -
uniapp 模糊搜索列表,若与搜索关键词相同,则标色
需求在搜索框输入搜索关键字,若列表中,客户名与搜索关键词相同,则标蓝色;若N个字相同,则N个字均标成蓝色。一、贴个UI图若N个字相同,则N个字均标成蓝色。例如输入陈晓,则陈晓两字均标成蓝色。二、思路将列表的客户名postName拆分为数组,将数组循环,再做样式的动态绑定(此处省略外层列表循环)。//css<text v-for="(item,index) in postName.split('')" :key="index" :style="setColor(item)">原创 2022-01-06 20:54:02 · 2133 阅读 · 4 评论 -
uniapp中App端uni.uploadFile上传图片,提示“errMsg“: “uploadFile:fail undefined“
复现h5端使用uploadFile可正常上传,app端报错uploadFile:fail undefined。原因在h5端使用时,url直接使用的是接口地址,没有拼接主机地址,因为windows本地host把域名映射到开发服务器ip。但在app端不会做拼接,所以加上主机地址接口,即baseUrl+ppstUrl...原创 2022-01-04 15:35:22 · 5535 阅读 · 0 评论 -
uniapp实现pdf地址下载和预览
需求首先,先请求后端接口,拿到pdf下载地址(若有跨越问题,请后端解决),通过uni.downloadFile下载pdf模板,再使用uni.openDocument新开页面打开文档进行预览。代码如下//url为pdf下载地址 toPreview(url) { uni.downloadFile({ url, success: (res) => { if (res.statusCode == 200) { console.log('下载成功原创 2021-12-24 14:25:41 · 4100 阅读 · 3 评论 -
uni-popup滚动无效的解决方案
复现?在使用uniapp官方的popup组件时,里面嵌套了一个动态流程,可根据高度进行自适应展示,在h5端可正常滚动,在app端失效。解决方案查询各博客发现,是官方的代码(uni_modules->uni-popup->components->uni-popup->uni-popup.vue),在最外层容器中,添加了@touchmove.stop.prevent="clear"事件,此事件,禁止了触摸滚动,所以流程的overflow:scroll;属性失效。注释掉即可滚动。原创 2021-12-21 16:02:21 · 3982 阅读 · 0 评论 -
uniapp 页面暴力传参(N条数据)
需求现在有两个页面需要传参,字段为包含关系。A页面数据包含B页面数据。例如://A页面数据aObj = { id:567, pId:896, a:1, b:2, c:3}//B页面数据bObj = { pId:"", b:"", c:""}在点击跳转时,需将A页面的数据覆盖于B页面的数据,且不为合并。即需要显示为:bObj = { pId:896, b:2, c:3}方案先来个不太聪明的方式://this.optionList为A页面数据(aObj)Ob原创 2021-12-10 17:36:27 · 433 阅读 · 0 评论 -
uniapp 报错 Cannot read properties of undefined (reading ‘$vm‘) (页面栈丢失处理)
一、复现代码结构如下:aaa(){ let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; if(...){ this.xxx()//调用方法 } uni.navigateBack({})},xxx(){ let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; xx(params).then(res=&原创 2021-12-09 17:38:17 · 22002 阅读 · 1 评论 -
uniapp循环使用collapse组件在app上数据显示undefined的解决方案
复现在外层使用循环,内嵌uni-collapse组件后,在app真机上数据显示为undefined,h5可正常显示。保错如下:09:52:47.329 Not found -1;-1,20-0,21-3 at view.umd.min.js:109:52:47.360 Not found -1;-1,20-1,21-8 at view.umd.min.js:109:52:47.455 Error: Not Found:Page[1][-1;-1,20-1,21-8] at view.umd.min.原创 2021-12-03 10:03:56 · 3994 阅读 · 0 评论 -
uniapp输入强校验及视图未及时更新处理
一、问题?在做输入框的数据校验时,虽然绑定的数据已经更新,但是视图没有同步更新。二、解决方案通过以下两种方式可拿到输入的值,输入绑定值为inputVal。@input="getSearch($event)"或@input="e=>getSearch(e)"然后是数据校验getSearch(e) { //e(其他框架)或者e.target.value(原生input) this.$nextTick(function() { //这里也需要同步 this.inputVal原创 2021-11-30 11:26:28 · 746 阅读 · 0 评论 -
uniapp返回时,自动回到页面开头的错误记录
问题复现?在做uniapp开发时,在一个页面同时使用了两个外部容器。一个是在最外层的view(在app.vue中定义的),另一个是直接使用page进行样式的增加(本页面)。 page { height: 100vh; background-color: #F5F6FA; } .container { height: 100vh; background-color: #F5F6FA; overflow: scroll; } 由于**overflow: scroll;*原创 2021-11-29 17:40:49 · 639 阅读 · 0 评论 -
uniapp使用uni-collapse后,高度丢失的问题解决
uniapp使用uni-collapse后,高度丢失的问题解决一、复现?二、出现的原因三、解决方案一、复现?我在A页使用uni-collapse,数据为循环中的值,当我从A页跳转到B页,再点导航栏的返回键时,折叠面板中的内容直接丢失,截图如下。二、出现的原因通过调试发现,是子面板的style的height属性被自动修改为0。三、解决方案查看官方文档后发现:resize 方法解决动态添加数据,带动画的折叠面板高度不更新的问题需要在数据渲染完毕之后使用 resize 方法。推荐在 this.原创 2021-11-24 14:49:53 · 5039 阅读 · 0 评论 -
uniapp中APP端使用页面栈无效,且报错问题解决
代码如下:let pages = getCurrentPages(); // 当前页,let prevPage = pages[pages.length - 2]; // 上一页prevPage.xx = 1;//设置xx属性为1在h5端不报错,可正常使用。app端报错:Property or method “toJSON” is not defined on the instance but referenced during render. Make sure that this pro原创 2021-11-18 11:39:46 · 2809 阅读 · 16 评论 -
uniapp组织架构需要跳转多层关系的解决方案
需求如下:组织中,存在多级部门,且都为包含关系,若在同一个页面显示所以,假设有十级关系,此时不可能在page.json中因为一个模块注册十个无效页面。解决方案。找到相同且可复用的部门页面,复制一份(跳转用)。点击跳转到下一部门时,在复用页面和刚刚复制的页面来回跳,跳转方式为uni.navigateTo,因为此路由会把跳转页面加入至页面栈中,所以点返回时,仍可看到上一级部门。...原创 2021-11-16 10:16:40 · 2179 阅读 · 1 评论 -
uniapp手写遮罩问题记录
遮罩需要在子容器加,采用父相子绝定位,不能在同级加,不然会有样式冲突问题原创 2021-11-08 11:13:31 · 459 阅读 · 0 评论