• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

小程序开发中遇到的坑

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

最近在开发小程序,遇到一些坑,总结出来跟大家分享一下,我这里使用的是mpvue框架,mpvue也有不少坑~

1.scroll-view的属性设置,scroll-y设置,不管我们设置scroll-y=true还是false,其实都会滚动的,要想设置scroll-y为false,我们需要用数据绑定的形式来设置才会起效:scroll-y=false

2.有时候明明设置 一个变量,当它为false的时候才展示某个元素,比如 isHide?hide:show,有时候会发现,在页面中,还是会先渲染出来一下,然后才被隐藏了,原因是,最开始的时候,data数据还没有初始化完成,这个时候,isHide是undefined,undefined变成boolean值,就是false,所以最开始还是show了,为了解决这种情况,我们可以使用全等符号。 isHide=== true ?hide:show

3.显示image的时候,如果我们设置了mode=widthFix,有时候在渲染的时候会看到图片有一个拉伸过程,然后才变成我们期望的大小,解决这个问题,可以给image添加height:auto;或者使用background-image来展示,需要注意的是background-image不支持本地路径,可以支持本地base64或者服务器返回来的图片

4.在父组件跳转到子组件的时候,使用navigateTo方法,携带参数,如果参数里面带特殊字符,会被截断,导致我们在子组件获取到的参数不正确。解决办法就是,通过encodeURIConponent,对参数进行编码,然后在子组件再进行解码,其实跟我们url传递参数是一样的,都需要注意这一点。

5.cover-view组件IOS可以支持滚动了,不过需要7.0以上版本的微信。

6.单页面目前也是可以支持自定义导航栏,同样需要7.0以上版本的微信。

7.mpvue的坑,双向数据绑定的时候,有些安卓机会卡顿。可以通过防抖赋值或者v-model.lazy,不使用双向绑定。

8.mpvue渲染速度比较慢,有时候会出现数据改变了,但是页面不渲染的情况。

9.<cover-view></cover-view>组件默认不换行,加上这一行代码,可以让它换行white-space:pre-wrap;

全文完,大家可以说说自己开发过程中遇到了哪些坑,以及解决办法^_^

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序隐藏导航栏发布时间:2022-07-18
下一篇:
玩转小程序支付之退款发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap