项目结构目录树
微信给出的demo
JS原型链修改变量的值
对于微信小程序,微信官方统一封装了wx模板,wx:for指定的模板变量对应同一目录下JS的Page节data部分
1.为渲染一个包含多节点的结构块使用 block:for 标记
2.设置 wx:for 绑定数组为 data Json中的 chatList , wx:key 绑定 chatList 索引为 time
3. wx:if 判定 orientation 该事项是否已经移除
1.通过微信的内置方法 getApp() 拿到全局应用的数据,在文档中,我们可以看到以下两行
2.根据上文生命周期函数的文档解释,我们首先在 data 数组里使用用户数据 userInfo , 聊天数据列表 chatList 作为被设置的变量
3.如上文所述,我们用一个 that 指针替换指向全局实例指针 this ,便于在需要在执行生命周期函数的时候,设置想要设定数据的值,关于 userInfo 变量,参考上文原型链定义,将 getUserInfo 方法添加到 app.js 文件中,以便获取或设置全局数据,不受上下文作用域影响。
4.当执行到 onReady 函数时,监听页面初次渲染完成,小程序从后台进入前台显示,回调全局方法 addChatList 将之前设置在 data 中的变量 chatList 传进 chatListData 数组
5.在 addChatList 方法中设置需要的Json格式
index.js
index.wxml
app.json
app.js
Development Items:
index.js
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)