这一段时间一直在搞微信小程序,发现微信小程序中有很多的坑,给我整的焦头烂额的,下面给大家讲一些我遇到的坑,希望对大家有帮助!
1.微信小程序中的wx:for
小程序中的wx:for其实和前端很多框架很像的,不如vue,用过vue的人对微信小程序是很容易上手的,在使用wx:for的时候,首先要在page中声明要循环的变量和属性,但是和vue不同的是小程序中的循环变量在view中要用{{ }}包裹起来,然后还要在后面用wx:key,来修饰一下,如果没有在编译后会发出警告:Now you can provide attr "wx:key" for a "wx:for" to improve performance. 话不多说,上代码
page:
2.小程序中的checkbox
checkbox小程序的官网中其实已经解释的很清楚了,但是小生在用的时候发现没法设置初始不选中的状态,官网说用checked属性,但是小生用true和false都试了还是不好使,不知道是不是小生自己写有问题(如果是小生写错了,欢迎大家可以给我留言),但是最后下生把这个问题解决了,方法就是。。。。只写这个属性,但是不赋值,上代码
3.小程序中的数据双向绑定
小程序中给我们提供了数据绑定,但是小生在写到一个地方的时候需要用到类似vue中的v-model一样的双向数据绑定时,翻遍小程序的文档,也没有发现有数据双向绑定这个组件,没办法,只能自己想办法解决了。最后,小生发现其实小程序还算人道,他给你关上了一道门的同时,还给你留了一扇窗(感动的痛哭流涕了),最后用this.setData( )解决了。上代码: