踩坑记-uniapp+uView（HBuilder）

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

• 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