uniapp
文章平均质量分 57
词不达意难知
记录分享一些学习到的使用到的方法
展开
-
uniapp,Vue刷新重新加载子组件状态(父页面存在缓存)
这里拿uniapp举例A页面中存在子组件,B页面中更改子组件后返回A页面,A页面刷新子组件状态。受uniapp页面缓存影响(keep-alive)只能在onShow页面生命周期中去处理。这里用到了v-if(创建,销毁)来刷新子组件状态。未触发前2.B页面改变子组件自身状态3.返回到带有缓存的A页面 通过v-if(创建, 销毁)刷新组件状态成功刷新下面上代码 <palyAud v-if="forceRefresh"></palyAud> onShow(原创 2021-10-25 10:57:56 · 6964 阅读 · 1 评论 -
uniapp 报错Invalid Host header
内网穿透导致报错Invalid Host header项目根目录 manifest.json——>源码视图 ——> 添加 ——> "devServer" : { "disableHostCheck":true },原创 2021-06-15 15:08:52 · 2905 阅读 · 1 评论 -
uniapp 返回列表不刷新处理(列表返回优化)
前言: uniapp 是我第一次写 看了半天基本教程直接开冲 所以项目中就会遇到很多坑 (文章末尾 会说下遇到的问题)首先说 理想效果和场景1.列表点击去详情页因为列表是用子组件渲染的 所以用getCurrentPages()来拿到当前页也就是父页面的方法或变量不是用组件渲染的话直接使用this.你的加载列表方法(有个小点—因为是用navigateTo 列表页数据会被缓存下来 类似vue的keepAlive,可以看到我的方法叫resetThePage(),在执行前 重置 列表页面数据例如:分页变原创 2021-06-11 17:01:53 · 3160 阅读 · 2 评论 -
uniapp H5 扫码 扫一扫 功能
前言没想到用H5来实现扫码,也是第一次接触,由于项目是打包成H5 ,所以无法调用uniapp scanCode扫码API,在查阅其他前辈博客之后发现H5不是很好实现,最后决定以文件上传的形式来实现。(效果为 拍照识别,相册照片识别 )期间使用过npm包的形式使用,也就是qrcode-decoder, 识别率实在是太低,最后还是采用引入qrcode的形式。1. 引入qrcode.js (直接本地新建空js,然后点下方链接复制代码到该空js文件)github下载地址:https://gitee.c原创 2021-05-25 13:59:14 · 11863 阅读 · 25 评论