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


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 相关文章推荐
js 判断 enter 事件
Feb 12 Javascript
aspx中利用js实现确认删除代码
Jul 22 Javascript
jQuery动画animate方法使用介绍
May 06 Javascript
javascript获取系统当前时间的方法
Nov 19 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
Dec 15 Javascript
gulp教程_从入门到项目中快速上手使用方法
Sep 14 Javascript
vue实现的树形结构加多选框示例
Feb 02 Javascript
react项目如何使用iconfont的方法步骤
Mar 13 Javascript
H5实现手机拍照和选择上传功能
Dec 18 Javascript
微信小程序使用GoEasy实现websocket实时通讯
May 19 Javascript
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
Sep 27 Javascript
Vue + iView实现Excel上传功能的完整代码
Jun 22 Vue.js
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
模拟OICQ的实现思路和核心程序(三)
2006/10/09 PHP
PHP 根据IP地址控制访问的代码
2010/04/22 PHP
跟我学Laravel之快速入门
2014/10/15 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
php实现的单一入口应用程序实例分析
2015/09/23 PHP
php for 循环使用的简单实例
2016/06/02 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
推荐20家国外的脚本下载网站
2011/04/28 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
2013/11/26 Javascript
JS操作CSS随机改变网页背景实现思路
2014/03/10 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
node.js入门教程
2014/06/01 Javascript
jQuery中:only-child选择器用法实例
2015/01/03 Javascript
JavaScript更改原始对象valueOf的方法
2015/03/19 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
原生JS获取元素集合的子元素宽度实例
2016/12/14 Javascript
Bootstrap模态框使用详解
2017/02/15 Javascript
微信小程序 chooseImage选择图片或者拍照
2017/04/07 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
element-ui中el-upload多文件一次性上传的实现
2020/12/02 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 战前探营!
2014/05/21 DOTA
Python用GET方法上传文件
2015/03/10 Python
JSON Web Tokens的实现原理
2017/04/02 Python
numpy中索引和切片详解
2017/12/15 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
Pyqt5 关于流式布局和滚动条的综合使用示例代码
2020/03/24 Python
Tensorflow使用Anaconda、pycharm安装记录
2020/07/29 Python
英文翻译的自我评价语句
2013/10/04 职场文书
农业大学毕业生的个人自我评价
2013/10/11 职场文书
生产管理的三大手法
2013/11/11 职场文书
实习教师自我鉴定
2013/12/12 职场文书
火灾现场处置方案
2014/05/28 职场文书
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
网上祭英烈活动总结
2015/02/04 职场文书