uniapp
记录在使用uniapp的过程中遇到的问题
新津之虎--曹达华
软饭硬吃--曹达华,家有娇妻陈娜一枚。分享实战代码,如有不足欢迎指正
展开
-
uniapp使用u-collapse的优化策略
uview 版本 1.8.4uniapp 打包成Android场景折叠面板的内容是从服务器端获取的分页数据,数据加载回来时需要重新计算collapse-body高度//优化前代码//组件<u-collapse-item @change="handleCollapseChange"></u-collapse-item>//collapse change事件handleCollapseChange() { this.getData()}//获取数据请求getD原创 2022-05-26 15:59:06 · 3208 阅读 · 4 评论 -
关于移动端滚动列表,不发起请求刷新列表的解决思路
前言最近在做一个移动端项目,项目中包含了滚动列表,点击列表项进入详情修改信息,或修改状态,会造成列表项信息改变,或者会从列表中移除,一直在想一个比较好的方案来处理列表信息的更新,试了记录下滚动条的位置,结果不太理想最终采用的方案使用vuex,记录当前项的index,id以及相关参数,从详情页返回列表页时比对当前项的状态是否改变,改变则使用splice方法从列表数据中移除该条数据;未改变则将对应的详情修改成调整后的值。这样列表不用重新请求数据,也能实现静态刷新。弊端:如果存在多人同时操作同一条数据,因原创 2022-05-07 11:15:01 · 354 阅读 · 1 评论 -
关于uniapp设置背景色的相关疑问
page { background-color: red; height: 100vh;}这样设置在模拟器上背景是铺满了的,但是打包后背景颜色未铺满。经过排查后,我采用另一种方式替换//content是根节点.content{ background-color: red; height: 100vh;}这样打包就没问题了,但不知道造成的原因是什么?有知道的小伙伴能在万能的评论区留言回答下吗?感谢!感谢!...原创 2022-03-29 14:40:06 · 313 阅读 · 0 评论 -
关于uniapp打包H5后,点击index.html,显示空白页面且找不到chunk-vendors.js的问题
直接说解决方案修改下manifest.json ——> h5配置 ——> 运行的基础路径为:./ 即可原创 2022-03-11 15:13:50 · 2794 阅读 · 0 评论 -
uni.chooseLocation使用心得
1.使用uni.chooseLocation时,地图加载但附近地址列表不加载问题未配置正确的sha1值,需配置正确的sha1值(与应用的sha1值一致)查看地址:https://dev.dcloud.net.cn/与应用的sha1一致1.使用uni.chooseLocation时,地图不加载且附近地址列表不加载问题未配置正确的appkey值,需配置正确的appkey值...原创 2022-01-17 13:49:10 · 5207 阅读 · 3 评论 -
关于使用uview自定义tabbar问题记录
问题描述:1.tabbar的项可重复点击,想实现点击当前项时,不触发重新跳转。在uniapp中的自定义tabbar,是以组件形式引入各个页面,每个页面的tabbar都是独立的,没有统一的状态来管理tabbar是否执行重新跳转。问题找到了,使用vuex来记录当前tabbar处于页面的下标,加以判断即可实现项重复点击问题。...原创 2021-09-22 14:22:24 · 3447 阅读 · 0 评论 -
关于html中的time标签
问题描述在uniapp中,自定义了一个time组件,通过import引入,components中注册,在html中使用该组件,发现没有效果,检查元素发现,有个time标签,html本身就有time标签,所以导致自定义组件未生效。解决方案避免使用html同名标签即可看我可爱的女朋友面子上,点个赞吧!...原创 2021-07-22 14:52:57 · 616 阅读 · 0 评论 -
封装一个uni.request
const BASE_URL = 'http://xxxx'module.exports = (options) => { let url = BASE_URL + options.url; let method = options.method || 'GET'; let header = options.header || {}; let data = options.data || {}; if (method) { method = m...原创 2020-09-22 15:04:15 · 167 阅读 · 0 评论 -
uni-app App触发截图方法
var pages = getCurrentPages(); var page = pages[pages.length - 1]; var bitmap = null; var currentWebview = page.$getAppWebview(); bitmap = new plus.nativeObj.Bitmap('amway_img'); ...原创 2020-09-18 13:53:51 · 3372 阅读 · 0 评论 -
uniapp 运行在模拟器上无法显示内容(能显示tabbar,但内容无显示)
问题描述:将uniapp程序运行到雷电模拟器上时,除tabbar能显示,其余内容均不可显示。问题解决:安装一个mumu模拟器即可问题原因:模拟器不支持X86 CPUps: mumu模拟器安装后,在Settings.json中设置Android模拟器端口 7555即可...原创 2020-09-11 14:12:50 · 3709 阅读 · 2 评论