uniapp
文章平均质量分 63
与 uniapp 相关的那些事儿
zhuangv
代码搬运工
展开
-
uniapp 之 开发微信小程序入门详细指南
1、HbuilderX打包需要邀请项目成员,是该项目下的成员方可打包发布;2、开发阶段,不涉及接口可以使用自己申请的临时测试号进行开发;3、开发阶段,调接口的话需要使用一致的正式申请的AppID,且开发人员(这里实质是登录微信开发者的微信号)是该小程序下的开发者角色。完结。原创 2024-04-27 12:37:26 · 4670 阅读 · 0 评论 -
uniapp 之 一些常用方法的封装(页面跳转,页面传参含页面返回传参等)
一些常用方法的封装以及调用原创 2024-03-16 21:15:00 · 676 阅读 · 0 评论 -
uniapp 之 实现商品详情的锚点跳转(类似京东商品详情-点击顶部按钮跳转的对应的页面的内容区域)
详情页面的锚点跳转,类似京东商品详情-点击顶部详情跳转到页面对应的详情区域,点击评价跳转到页面对应的评价区域等。原创 2024-03-16 21:00:00 · 591 阅读 · 0 评论 -
uniapp 之 多端实现图片压缩(含H5实现)
封装的这个方法,只是将图片地址返回了,也可以根据具体的实际场景返回不同的数据。文档平台差异说明已标出:官网提供的api。,然后单独处理一下H5的图片压缩即可。平台,其余平台都支持,所以我们利用。里面封装一下该方法,方便调用。原创 2023-07-06 21:45:00 · 3473 阅读 · 0 评论 -
uniapp 之 动态获取swiper 的高度
swiper 组件,swiper 需要设置高度,不能设置同样高度,有的swiper-item的高度可能不需要那么高,有的又需要那么高,所以不同swiper-item内容不同,需要渲染出来的高度不同;原创 2023-07-01 23:01:19 · 716 阅读 · 0 评论 -
uniapp 之 uniapp app 与uniapp H5的通信 webview,以及处理H5页面的手机物理返回问题
这个方法简单,就是直接通过src 地址后面通过。写一起了,方便查看app和H5之间的通信交互。,来调用webview的一些方法。最后,就是在相应的页面中调用。原创 2023-07-01 23:00:58 · 2469 阅读 · 0 评论 -
uniapp 之 常见问题记录(不定时更新——2024-03-15更新)
text 组件,属性space 设置不生效?默认开头结尾加空格是无效的,需要加上特殊符号。该属性只在文本中间使用,原创 2023-07-01 23:02:34 · 583 阅读 · 0 评论 -
uniapp 之 Base64图片的显示问题以及保存到相册
但是实际操作还需要注意一个点,base64码可能过长,过长的情况就可能存在换行符。如有不足,望大家多多指点!之后,就可以正常显示图片了,原创 2023-06-04 22:06:12 · 6175 阅读 · 0 评论 -
uniapp 之 如何编写透明页面(类似与nvue页面,可以盖住原生组件如底部tabbar)
如何编写透明页面,类似与nvue页面,可以盖住原生组件如底部tabbar,避免了nvue页面样式编写的复杂性,易于开发调试原创 2022-11-17 11:24:35 · 5158 阅读 · 3 评论 -
uniapp 之 获取底部安全距离,状态栏高度等
uniapp 之 获取底部安全距离,状态栏高度等原创 2022-09-03 23:24:47 · 13598 阅读 · 1 评论 -
JavaScript 之 FileReader简介以及原生、uniapp、vue如何将文件转成base64编码字符串示例
1、 FileReader简介说明以及如何使用;2、原生、uniapp中如何将文件转成base64编码字符串原创 2021-12-25 21:03:29 · 2456 阅读 · 0 评论 -
uniapp 之 uni-table组件添加行点击事件
uni-table组件设置行点击事件原创 2021-12-14 22:02:04 · 9353 阅读 · 10 评论 -
uniapp 之 禁用手机物理返回键
利用uniapp的生命周期实现禁用手机物理返回键功能uniapp页面生命周期onBackPress:https://uniapp.dcloud.io/collocation/frame/lifecycle;请注意onBackPress该生命周期的说明以及平台差异说明;自定义返回逻辑:https://ask.dcloud.net.cn/article/35120; 具体根据业务需求可自定义返回逻辑:// 这里实现的是禁用物理返回,顶部导航栏的自定义返回 uni.navigateBack原创 2021-10-31 12:47:18 · 3405 阅读 · 0 评论 -
uniapp 之 解决页面跳转传参报URI malformed的bug
首先,反思问题,为什么会出现这个报错!? malformed 中文释义:adj. 畸形的,难看的 那么顾名思义,很明显是地址出了问题! 然后经过反复检查,发现是因为在页面跳转时,地址栏上的中文是会被编码的,那么当你传入的参数中是中文且含有百分比号(%)时,浏览器不能正确的对该地址进行解析,所以才会报这个错! 解决方案:let url = `/pages/myInvoice/confirmInvoice/confirmInvoiceRow?invoiceRow=${encodeURIC原创 2021-07-23 00:04:13 · 2656 阅读 · 1 评论 -
uniapp 之 解决事件冒泡(如:阻止switch 的事件冒泡、nvue 页面阻止事件冒泡)
场景描述: 首先需求是点击该项进入该详情页面;点击switch 切换该项的状态; 图片: 错误解决方案: 错误效果: 代码如下:<view class="contacts-item" @tap="toEditContacts"> <view class="item-title"> <view class="item-title-left"> <text class="contacts-name"原创 2021-04-26 22:34:14 · 7024 阅读 · 3 评论 -
uniapp 之 复制文本内容(兼app+h5)
在实际项目开发中,我们经常能够遇到复制文本内容的需求,下面就让我们来看下复制文本如何实现: 第一种方式: 利用uniapp 的 text 组件的 selectable属性,使 text 组件包裹的文本内容可选,但是这种方法有一定的局限线,就是当用户长按的时候选中的是当前的词且不能拖拽移动增加选中内容,而不是选中 text 组件包裹的所有文本内容;<text selectable="true"> 这是一个可以长按选择文本,弹出复制的text标签</text>原创 2021-01-24 14:57:48 · 9786 阅读 · 4 评论 -
uniapp 之 获取 app 的版本号 以及实现全量更新和增量更新
在实际开发中,我们经常要给app做相应的全量更新以及增量更新,什么是全量更新以及增量更新在此便不做赘述了;相应的获取版本号等信息uniapp官方文档中已经给出了相应的api实际开发中代码如下(建议把检查版本更新的代码放置在 App.vue 中)://版本更新checkVersion(){ var baseUrl = $config.baseUrl // 获取自定义的配置文件的baseUrl var packVersion = plus.runtime.version var原创 2021-01-10 16:29:48 · 8225 阅读 · 3 评论 -
uniapp 之 解决uni.showToast、uni.showLoading、uni.hideLoading之间的冲突问题
在我们使用uniapp时,通常会在调取接口的时候经常会使用到uni.showToast、uni.showLoading、uni.hideLoading这三个api,先简单查阅一下这三个api的作用官方文档; 问题阐述: 在调取接口时,我们通常会在调取接口前给用户一个正在加载的一个提示框,也就是uni.showLoading,当接口可以访问成功时隐藏加载提示框(uni.hideLoading),然后根据访问成功后端返回的状态(success、error)来判断数据是否成功,当状态为succ原创 2021-01-10 15:54:25 · 20671 阅读 · 0 评论 -
uniapp 之 页面跳转时传递数据的两种常用方式
页面跳转时传递数据的两种常用方式一、传递单个或者多个参数二、传递数组或者对象 一、传递单个或者多个参数 列表页面:// 列表页面通过传递id 跳转到相应的详情页面getDetails(id){ uni.navigateTo({ url: `getDetails?id=${id}` });}// 注:如果需要传递多个参数使用&符号连接即可,示例:getDetails(id, item){ uni.navigateTo({ url: `getDetails?id=${i原创 2020-10-18 18:07:56 · 22002 阅读 · 13 评论