微信小程序中的坑

 这一段时间一直在搞微信小程序,发现微信小程序中有很多的坑,给我整的焦头烂额的,下面给大家讲一些我遇到的坑,希望对大家有帮助!

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( )解决了。上代码:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容