微信小程序之前台循环数据绑定


Posted in Javascript onAugust 18, 2017

微信小程序之前台循环数据绑定

微信小程序的循环数据绑定到wxml例:

wxml里:

<view wx:for="{{array}}">

  {{item.message}}
  
 </view>

通过上面的wx.for可以绑定一个数组,数组是json类型的;默认的索引序号是item,所以用{{item.message}}

显示数据js里:

data: {
   array: [
  {
  "message": "foot",
  "txt": "123"
  },
  {
  "message": "bar"
  }]
},

如上的json数组是可以通过wxml里的方法循环输出数组数据 

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
让getElementsByName适应IE和firefox的方法
Sep 24 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
Nov 20 Javascript
用js来刷新当前页面保留参数的具体实现
Dec 23 Javascript
构造函数+原型模式构造js自定义对象(最通用)
May 12 Javascript
通过设置CSS中的position属性来固定层的位置
Dec 14 Javascript
js中实现字符串和数组的相互转化详解
Jan 24 Javascript
js实现开启密码大写提示
Dec 21 Javascript
记React connect的几种写法(小结)
Sep 18 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
May 27 Javascript
vue使用代理解决请求跨域问题详解
Jul 24 Javascript
javascript实现简易的计算器
Jan 17 Javascript
如何使用Javascript中的this关键字
May 28 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 #Javascript
解决微信二次分享不显示摘要和图片的问题
Aug 18 #Javascript
详谈innerHTML innerText的使用和区别
Aug 18 #Javascript
史上最全JavaScript常用的简写技巧(推荐)
Aug 17 #Javascript
webpack2.0配置postcss-loader的方法
Aug 17 #Javascript
微信小程序 获取javascript 里的数据
Aug 17 #Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 #Javascript
You might like
PHP数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
PHP7.1实现的AES与RSA加密操作示例
2018/06/15 PHP
微信JSSDK分享功能图文实例详解
2019/04/08 PHP
javascript 解析后的xml对象的读取方法细解
2009/07/25 Javascript
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
小议JavaScript中Generator和Iterator的使用
2015/07/29 Javascript
jquery 抽奖小程序实现代码
2016/10/12 Javascript
node.js版本管理工具n无效的原理和解决方法
2016/11/24 Javascript
js数字计算 误差问题的快速解决方法
2017/02/28 Javascript
微信小程序获取微信运动步数的实例代码
2017/07/20 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
2017/09/20 jQuery
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
解决axios会发送两次请求,有个OPTIONS请求的问题
2018/10/25 Javascript
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
微信小程序开发的基本流程步骤
2019/01/31 Javascript
微信小程序在线客服自动回复功能(基于node)
2019/07/03 Javascript
[36:37]2014 DOTA2华西杯精英邀请赛5 24 VG VS iG
2014/05/25 DOTA
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python修改list中所有元素类型的三种方法
2018/04/09 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
Python 中导入csv数据的三种方法
2018/11/01 Python
Django RBAC权限管理设计过程详解
2019/08/06 Python
关于jupyter打开之后不能直接跳转到浏览器的解决方式
2020/04/13 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
Johnson Fitness澳大利亚:高级健身器材
2021/03/16 全球购物
医院门卫岗位职责
2013/12/30 职场文书
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
大三学生做职业规划:给未来找个方向
2014/02/24 职场文书
荷叶母亲教学反思
2014/04/30 职场文书
2014教师“四风问题”对照检查材料思想汇报
2014/09/16 职场文书
售房协议书范本2014
2014/10/23 职场文书
公积金接收函格式
2015/01/30 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
大学生暑期社会实践的个人总结!
2019/07/17 职场文书