小程序开发中遇到的坑

最近在开发小程序，遇到一些坑，总结出来跟大家分享一下，我这里使用的是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;

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