微信小程序中的坑

作者: 回忆丶阑珊 | 来源:发表于2017-08-04 16:09 被阅读257次

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

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

相关文章

  • 零碎总结-不定时更新

    后面更新的写在前面。。。。。。微信小程序常见问题 第六,关于textarea 这个坑啊坑!,微信小程序中设置了悬浮...

  • 开发微信小程序分页功能的坑

    微信小程序开发分页的坑 微信小程序开发中list列表经常要进行分页处理,踩坑在所难免。 app.json wxml...

  • 小程序相关实用文章

    1、微信小程序开发常见之坑2、微信小程序联盟-微信小程序开发社区-小程序3、怎么在弹窗中加入输入框4、微信小程序实...

  • 【教程】微信小程序入门

    微信小程序入门基础知识 Moustache:我的微信小程序入门踩坑之旅 github精选:微信小程序入门简要教程 ...

  • 微信小程序开发采坑记录

    微信小程序开发采坑记录 1、微信小程序报错:页面中没有定义某某事件或者app.json中没有添加该页面路径 报错下...

  • 微信小程序3 数据请求

    前言 在数据请求之前,我们需要把微信小程序数据请求的坑过一遍,若无法满足这些坑,请放弃小程序吧1:微信小程序的请求...

  • 小程序iView weapp 中i-class 覆盖样式无效解决

    mpvue+iview weapp 微信小程序摸坑笔记 微信小程序中,关于第三方组件,不允许直接修改样式,但是可以...

  • 微信小程序中的坑

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

  • 列表渲染 wx:key 的作用、条件渲染 wx:if 与 hid

    这是微信小程序踩坑系列的第三篇,想要了解更多关于微信小程序开发的那些事,欢迎关注我的《微信小程序》专栏。 前言 开...

  • 微信小程序脚本语言 WXS 怎么用

    这是微信小程序踩坑系列的第二篇,想要了解更多关于微信小程序开发的那些事,欢迎关注我的《微信小程序》专栏。 前言 前...

网友评论

  • 阡陌夕殇:遇到的坑随手记下来,下次不要再犯就好了,
    不要太在意别人的看法,我觉得记下来放在博客蛮好~
  • lovefeel2004:只能说你是新手吧,checkbox要不勾选用{{false}},而不是直接true或false,直接来都是true, 第三个就是这么设计的,你是中了VUE病毒了,多看几次说明文档,不要告诉我你已经看了很多次了,自己不会不是坑,是也是你自己挖的,多跳几次就习惯了,微信的文档确定不敢恭维
    回忆丶阑珊:@lovefeel2004 万分感谢指出我的错误,我也是最近在学习小程序,练习的时候遇到的小坑我就随手记录下来了,确实我之前是用了很长一段时间的vue,被大神看穿了:smile: :smile: ,希望大神能继续关注并指出我的错误,小生不胜感激。
  • XLsn0w:不错,不错
    回忆丶阑珊:@XLsn0w 客气,客气

本文标题:微信小程序中的坑

本文链接:https://www.haomeiwen.com/subject/cyjvlxtx.html