微信小程序开发的坑

1.导航栏设置:

(1)"window":{

"navigationBarBackgroundColor": "#000",

},

"tabBar":{

"backgroundColor":"#fff",

}

(2)"window":{

"navigationBarBackgroundColor": "black",

},

"tabBar":{

"backgroundColor":"white",

}

如(1)和(2)这里应该用十六进制来表示,用单词表示不行

2.表单提交

<button type="primary" form-type='submit'>登录</button>

记得一定要加上form-type='submit',否则点击登录无效

3.hover-class

可以用 hover-class 属性来指定元素的点击态效果。但是在在使用中要注意,大部分组件是不支持该属性的。

目前支持 hover-class 属性的组件有三个:view、button、navigator。

如果出现标签嵌套的问题,如下:

<navigator url='login' open-type='navigate' >

<button type="primary" class="weui-btn" plain='true' hover-class="none" >登录</button>

</navigator>

这样写是无效的,应该把hover-class="none"放在navigator标签上

3.bindscroll不响应(无效):scroll-view组件不能触发相应滚动事件

在制作加载更多时会发现不能触发相应事件,一般情况下首先要查看两个必要的属性scroll-view的高度是否设置,第二就是scroll-view的滚动方向是否设置,缺一都有可能导致不能触发相应事件。

可设置scroll-view的height:100%以及在此标签上添加scroll-y="true"即可

4.微信小程序不能操作dom

微信小程序不是操作dom来实现数据刷新,是用变量绑定结构,再去改变变量值,结构自动刷新,跟网页里的javascript概念不一样

5.实现下拉刷新时,调用onPullDownRefresh函数时,要记得在json文件中加上:"enablePullDownRefresh":true,否则下拉刷新无效

6.wxs目前似乎并不支持ES6(至少let,const不能使用),并且如果在wxml中需要运用wxs标签时,在wxs里打印或者注释都会报错:

如:console.log(111)  //报错      <--var title="小程序";-->  //报错

7.input输入框设置只读readonly无效,要使用disabled.

更多技术问题,可前往:http://sucai.gxyourui.cn/Home/Article/blog

猜你喜欢

转载自blog.csdn.net/qq_36926807/article/details/81288487