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


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 相关文章推荐
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
js图片预加载示例
Apr 30 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
jQuery中的select操作详解
Nov 29 Javascript
基于jQuery实现弹幕APP
Feb 10 Javascript
get  post jsonp三种数据交互形式实例详解
Aug 25 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
基于vue-upload-component封装一个图片上传组件的示例
Oct 16 Javascript
小程序如何使用分包加载的实现方法
May 22 Javascript
基于JavaScript 实现拖放功能
Sep 12 Javascript
vue监听滚动事件的方法
Dec 21 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
如何把PHP转成EXE文件
2006/10/09 PHP
解析CI的AJAX分页 另类实现方法
2013/06/27 PHP
PHP使用stream_context_create()模拟POST/GET请求的方法
2016/04/02 PHP
封装的原生javascript弹出层代码
2010/09/24 Javascript
jquery里的正则表达式说明
2011/08/03 Javascript
Jquery ajax执行顺序 返回自定义错误信息(实例讲解)
2013/11/06 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
jQuery使用post方法提交数据实例
2015/03/25 Javascript
解析javascript中鼠标滚轮事件
2015/05/26 Javascript
七个不允许错过的jQuery小技巧
2015/12/21 Javascript
javascript动态获取登录时间和在线时长
2016/02/25 Javascript
功能强大的Bootstrap使用手册(一)
2016/08/02 Javascript
Vue.js中数据绑定的语法教程
2017/06/02 Javascript
基于Bootstrap实现城市三级联动
2017/11/23 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
微信小程序之自定义组件的实现代码(附源码)
2018/08/02 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
python3下实现搜狗AI API的代码示例
2018/04/10 Python
PyQt5实现拖放功能
2018/04/25 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
学python需要去培训机构吗
2020/07/01 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
HTML5 Canvas如何实现纹理填充与描边(Fill And Stroke)
2013/07/15 HTML / CSS
J2SDK1.5与J2SDK5.0有什么区别
2012/09/19 面试题
计算机相关专业自荐信
2014/07/02 职场文书
"9.18"国耻日演讲稿范文
2014/09/14 职场文书
2014年检验科工作总结
2014/11/22 职场文书
党支部承诺书
2015/01/20 职场文书
MySQL 角色(role)功能介绍
2021/04/24 MySQL
Golang实现可重入锁的示例代码
2022/05/25 Golang