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


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类的封装及实现代码
Dec 02 Javascript
判断某个字符在一个字符串中是否存在的js代码
Feb 28 Javascript
JavaScript用Number方法实现string转int
May 13 Javascript
JavaScript中的toUTCString()方法使用详解
Jun 12 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
基于javascript制作经典传统的拼图游戏
Mar 22 Javascript
浅析Jquery操作select
Dec 13 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
Apr 28 Javascript
Vue中props的使用详解
Jun 15 Javascript
使用post方法实现json往返传输数据的方法
Mar 30 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
Nov 26 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
Nov 19 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下清空字符串中的HTML标签的代码
2010/09/06 PHP
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
在Nginx上部署ThinkPHP项目教程
2015/02/02 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
用JavaScript获取网页中的js、css、Flash等文件
2006/12/20 Javascript
Prototype使用指南之hash.js
2007/01/10 Javascript
基于JavaScript实现继承机制之构造函数+原型链混合方式的使用详解
2013/05/07 Javascript
深入解析contentWindow, contentDocument
2013/07/04 Javascript
JScript分割字符串示例代码
2013/09/04 Javascript
JavaScript使用循环和分割来替换和删除元素实例
2014/10/13 Javascript
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
Vue 监听列表item渲染事件方法
2018/09/06 Javascript
JavaScript使用表单元素验证表单的示例代码
2019/08/20 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
多种类型jQuery网页验证码插件代码实例
2021/01/09 jQuery
[05:03]2018DOTA2亚洲邀请赛主赛事首日回顾
2018/04/04 DOTA
简单的抓取淘宝图片的Python爬虫
2014/12/25 Python
使用Python下载歌词并嵌入歌曲文件中的实现代码
2015/11/13 Python
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
pycharm设置当前工作目录的操作(working directory)
2020/02/14 Python
python3 logging日志封装实例
2020/04/08 Python
python3 配置logging日志类的操作
2020/04/08 Python
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
英国电气世界:Electrical World
2019/09/08 全球购物
家得宝墨西哥官网:The Home Depot墨西哥
2019/11/18 全球购物
什么是继承
2013/12/07 面试题
市场营销专业推荐信
2013/11/03 职场文书
美食节策划方案
2014/05/26 职场文书
条幅标语大全
2014/06/20 职场文书
2014年党建工作汇报材料
2014/11/02 职场文书
医者仁心观后感
2015/06/17 职场文书
2016八一建军节慰问信
2015/11/30 职场文书