避坑大合集
一粒程序米
行业方向:物联网 移动开发
展开
-
uniapp遇到E/NativeInvokeHelper: io.panxu.plugin.PanxuModule@556eac9 Invoker pay exception:java.lang避坑
…原创 2021-12-02 21:30:00 · 2146 阅读 · 0 评论 -
当uniapp遇上可恶的滚动穿透的时候,我是怎么暴力解决的
uniapp滚动穿透的bug原创 2022-03-19 14:37:09 · 1623 阅读 · 3 评论 -
当uniapp遇上滚动穿透,巧妙的解决方式~
上一次遇上这个滚动穿透,我是暴力解决的,当uniapp遇上可恶的滚动穿透的时候,我是怎么暴力解决的,今天学会了一个巧妙的方式,几行代码,超级方便好用,爱了爱了…就是利用page-meta标签的page-style属性!page-meta 的page-style属性相当于HTML的body属性,这个点很重要,之前我想要通过body{overflow:hidden;}的方式动态修改overflow的属性去停止页面的滚动,但是那时不知道怎么动态修改body的属性,而且如果使用document的方式去修改bod原创 2022-04-19 09:30:59 · 4337 阅读 · 6 评论 -
在uni-app里通过web-view组件显示H5项目的踩坑之旅
为啥要在uni-app去显示h5?说起来话长,最近的项目需求里,有个图超级复杂,uniapp使用echarts之后在真机渲染不出来,但是在h5又可以渲染出来,而这个bug echarts开发者好像还没有修复。所以导致所在图表的一整个页面都只好用H5来实现了。...原创 2022-05-26 10:07:15 · 9841 阅读 · 21 评论 -
echarts图表超出范围时不渲染处理
min: function (value) { if(Object.is(value.min, NaN)){ return 3000 }else{ if(value.min>=3000){ return 3000 }else{ return value.min } } }原创 2022-05-30 21:00:00 · 552 阅读 · 0 评论 -
uniapp使用swiper动态渲染数据时页面没有自动更新数据&&swiper渲染优化
uniapp使用swiper动态渲染数据时页面没有自动更新数据&&swiper渲染优化原创 2022-08-26 18:30:00 · 4073 阅读 · 2 评论 -
echarts的tooltip旋转方案
当echarts横屏的时候,tooltip还是原来的角度,没有跟着旋转过来,官网说可以使用extraCssText来旋转,但是我测过了无效。extraCssText: 'transform:rotate(270deg)',详细看了一下官网,发现可以返回HTML使用方式大概如下: tooltip: { trigger: 'item', formatter: (params) => { // 提示框浮层内容格式器 以函数的形式修改 return this.tipFo原创 2022-05-26 21:45:00 · 1347 阅读 · 1 评论 -
uniapp样式穿透
有时候会遇到在class上修改的样式会无效,是因为遇到了样式穿透, 在vue开发过程中,当我们引入第三方组件库时(如使用element-ui),需要在局部组件中修改第三方组件库样式,而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过一些方法穿透scoped。<style scoped> ::v-deep .act-view-radio{ background: #f9ebc6;}</style>在那个class前面加上::v-deep以及在sty原创 2022-04-18 11:37:48 · 12018 阅读 · 1 评论 -
当v-if和v-for需要同时使用的时候
当使用v-for的时候需要选择性地隐藏部分item本来的错误写法是这样:在data里声明的cardList以上的那种用法是错误的。v-for的优先级是高于v-if的,如果两者同时使用,那么v-if会在每一个v-for循环渲染出来的项上作用,造成性能上的浪费。下面是正确用法:我们可以利用computed:这样就可以了......原创 2022-06-06 21:30:00 · 201 阅读 · 1 评论 -
当uniapp遇上滚动穿透,巧妙的解决方式(2)~
其实直接放在蒙层上面就可以了,之前一直不成功,是可能放在祖先里了,这应该放在。这两个方法都不是最方便的,代码量都有点多。记住哦,是放到蒙层里!原创 2022-08-19 20:00:00 · 1018 阅读 · 1 评论 -
uniapp实现iOS支付苹果内购支付踩过的坑以及具体操作步骤
由于我们app会员属于虚拟产品,所以苹果商店要求我们必须选择苹果内购,否则就勒令下架。无奈,于是就又开始了踩坑之旅~uniapp可以直接使用uni-pay的插件去进行苹果内购。但是,在对接自己的项目之前,建议先跑通示例项目,能跑通示例项目,代表你的配置和证书一定是正确的,然后再将uni-pay集成到你自己的项目中,不然就像盲头苍蝇,不知道怎么做。原创 2023-01-05 18:00:00 · 9154 阅读 · 8 评论 -
element-ui的提示框修改停留时间以及修改位置
注意了,如果在显示提示框时点中了提示框,提示框就会永久停留,除非触发了下一次别的提示框的出现。原创 2022-10-10 18:30:00 · 4360 阅读 · 0 评论 -
修改element样式避坑笔记
否则就算加了/deep/还是加了!important,对于要修改的样式还是不生效的。举例:下图就是没修改之前的,需求是贴合并对齐选择框。原创 2023-04-07 14:41:39 · 98 阅读 · 0 评论 -
uniapp隐私政策和用户协议(在应用启动之前弹窗让用户知悉)
如果项目app用了别的插件,并且在启动app时使用到app的实例的或者app栈顶的活动,如果弹出了隐私政策,弹出的时候时获取不到实例的,只有在用户同意了协议,进入了app才可以获取到实例。原创 2022-09-02 18:30:00 · 8586 阅读 · 3 评论 -
element样式冲突:el-popper弹窗样式冲突避坑
当同一个页面重复使用了不同样式的el-popper弹窗,但是页面只认其中一个样式,其实就相当于重写被覆盖了。而且element的样式重写是要在没有scoped属性的,所以一旦被重写,就是整个el-popper的弹窗样式被覆盖了。在对应的css里要这样改,要在前面加上.rewriteStyle这个类名进行区分。在对应的css里要这样改,要在前面加上.popperClass这个类名进行区分。这样就算在同一个页面使用,也不会有冲突了。最近,又踩上element大坑了。原创 2023-04-25 09:48:59 · 1346 阅读 · 0 评论