美文网首页前端技巧uni-app
踩坑记-uniapp+uView(HBuilder)

踩坑记-uniapp+uView(HBuilder)

作者: 恬雅过客 | 来源:发表于2022-05-12 17:37 被阅读0次

平时开发中遇到的一些问题,简单整理一下,方便后续开发借鉴。

  • A:uView1.x和2.x的u-swiper轮播图组件,当图片链接是非图片后缀类链接时,无法正常显示?(比如:http://scst.funi.com/hsipportal/common/file/view?fileId=D5B52D08E14941AB98AF7CB7DB2A26C9
    Q:懒得修改源码,直接用uniapp的轮播图组件,没用uView的。

  • A:uview2.x的按钮组件button,添加@click.stop阻止点透事件不生效?
    Q:方案1:查看button组件源码发现,未添加@click.stop事件,但是uview1.x却有。故修改源码,添加上就行。
    方案2:不在当前按钮上添加该事件,换个思路,在该按钮的父元素绑定该事件也能实现同意的效果。

  • A:uview2.x的表单,年龄字段有值22,初始回显也正常,直接点击表单验证时,验证提示“请输入年龄”?
    Q:因后端返回的年龄是数字类型integer,而表单的年龄字段未配置类型,默认就是string,故表单验证不通过。将后端返回的值转成字符串(age+''),或将表单验证规则rules的age字段类型配置成number(type='number')就行。

  • A:uview1.x的搜索组件,在部分iphone机型上,显示2个搜索按钮,如下图


    1.png

Q:方案1:有双搜索图标的原因是,多余的那个灰色搜索图标是移动端解析input type='search'时,自带的图标样式。故只需要将input search类型改成常规text类型即可。找到search组件的源码,将comfirm-type="search"去掉即可。如下图:

u-search组件的ios上双图标问题.jpg

方案2:通过控制编译后的原生dom元素来去掉多余的搜索图标。例如:


uview1.x解决方式1.jpg
  • A:uniapp本地开发,样式中的图片用相对路径,本地正常,打包后的图片路径访问出现问题。
    Q:添加~@ 就能解决,因为添加后,打包时,样式中的图片已经被转出base64码替换了。

  • A:uniapp开发,globalData存储全局变量的值,刷新页面就会消失
    Q:因为globalData只是临时缓存,建议使用本地缓存Storage

相关文章

  • 踩坑记-uniapp+uView(HBuilder)

    平时开发中遇到的一些问题,简单整理一下,方便后续开发借鉴。 A:uView1.x和2.x的u-swiper轮播图组...

  • Android Material Design 踩坑记(2)

    Android Material Design 踩坑记(1) CoordinatorLayout Behav...

  • Deepin使用踩坑记

    1. 前言 很喜欢Deepin,奈何坑太多,不过不怕,踩过去~ 2. 踩坑记 2.1 Deepin重启后文件管理器...

  • SpringStreaming+Kafka

    摘自 :Spark踩坑记——Spark Streaming+Kafka [TOC] SpringStreaming...

  • 原生App植入React Native 踩坑记

    原生App植入React Native 踩坑记 为什么我踩坑了有一个需求要去可以在当前工程的feature/RN ...

  • MUI+Hbuilder之踩坑(三)

    1.1获取input值单个 js: mui元素药转成DOM元素才能用。。什么鬼!用mui元素+“[0]”来转 1....

  • [ANR Warning]onMeasure time too

    ConstraintLayout 踩坑记一次封装组合控件时的坑,我才用了集成 ConstraintLayout 来...

  • IdentityServer 部署踩坑记

    IdentityServer 部署踩坑记 Intro 周末终于部署了 IdentityServer 以及 Iden...

  • 踩坑记

    1、android自签名证书Glide加载不出图片 关于https中自签名证书的介绍以及OkHttp中解决自签名证...

  • 踩坑记

    6月初,看到广西龙脊梯田有个疏秧节,很是心动!我十几年前就去过龙脊,当时觉得整片的梯田又美又壮观,壮族风情浓厚,就...

网友评论

    本文标题:踩坑记-uniapp+uView(HBuilder)

    本文链接:https://www.haomeiwen.com/subject/llqeurtx.html