
微信小程序教程
午夜玫瑰钻
前端开发爱好者
展开
-
001微信小程序wx:for和wx:for-item的正确用法
在开发中,我们经常会遇到展示列表数据的需求,在小程序中需要使用标签 wx:for / wx:for-index / wx:for-item 来实现相关功能, wx:for="{{textData}}" : 定义循环,数组名称为 textData wx:for-index="textDataIndex" : 定义索引值的名称 textDataIndex ...原创 2019-03-19 15:56:27 · 2818 阅读 · 0 评论 -
微信小程序-setData()方法
一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息注意:直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的数据。方法如下:js:Page({ data: { text: 'init data', num: 0...原创 2019-03-18 17:33:18 · 411 阅读 · 0 评论 -
小程序报错坑系列 及解决方法?
错误案例一Component constructors should be called while initialization. A constructor call has been ignored.Component像页面一样由wxml、wxss、js和json4个文件组成,且需要把这4个文件放在同一个目录中。与页面不一样的是,Component中的构造函数(也可以称构造器)是Co...原创 2019-03-18 17:24:36 · 19499 阅读 · 1 评论 -
微信小程序scroll-view 横向和纵向scroll-view组件
scroll-view为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块主要属性:使用演示:wxml<!--垂直滚动,这里必须设置高度--><scroll-view scroll-y="true" style="height: 200px"> ...转载 2018-07-06 10:41:05 · 50979 阅读 · 5 评论 -
微信小程序 scroll-view横向滚动轴 怎么出现?
<!--可滚动视图区域。scroll-view 开始 --> <scroll-view class='scroll_vide_waiceng' scroll-x="true" style="background:black;height:110px; white-space: nowrap;"> <view style="background: r...原创 2018-07-06 10:31:35 · 1056 阅读 · 0 评论