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


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 仿关机效果的图片层
Dec 26 Javascript
JavaScript 调试器简介
Feb 21 Javascript
JavaScript中的闭包介绍
Mar 15 Javascript
基于javascript实现动态时钟效果
Aug 18 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
Jul 09 Javascript
javascript另类方法实现htmlencode()与htmldecode()函数实例分析
Nov 17 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
详解Vue SPA项目优化小记
Jul 03 Javascript
vue+element-ui动态生成多级表头的方法
Aug 28 Javascript
JS获取并处理php数组的方法实例分析
Sep 04 Javascript
Vue.js实现表格渲染的方法
Sep 07 Javascript
vue 实现上传组件
May 31 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
法兰绒滤网冲泡
2021/03/03 冲泡冲煮
深入理解PHP原理之异常机制
2010/08/21 PHP
php网站判断用户是否是手机访问的方法
2013/11/01 PHP
php编写的一个E-mail验证类
2015/03/25 PHP
Ubuntu上安装yaf扩展的方法
2018/01/29 PHP
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
JS二维数组的定义说明
2014/03/03 Javascript
JavaScript学习笔记之JS对象
2015/01/22 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
jQuery插件实现适用于移动端的地址选择器
2016/02/18 Javascript
利用Angularjs中模块ui-route管理状态的方法
2016/12/27 Javascript
浅谈js中function的参数默认值
2017/02/20 Javascript
Angular之指令Directive用法详解
2017/03/01 Javascript
jQuery阻止移动端遮罩层后页面滚动
2017/03/15 Javascript
JavaScript解析任意形式的json树型结构展示
2017/07/23 Javascript
mac中利用NVM管理不同node版本的方法详解
2017/11/08 Javascript
vue项目引入Iconfont图标库的教程图解
2018/10/24 Javascript
从vue源码看props的用法
2019/01/09 Javascript
使用Python生成url短链接的方法
2015/05/04 Python
Python 中 Virtualenv 和 pip 的简单用法详解
2017/08/18 Python
python 统计数组中元素出现次数并进行排序的实例
2018/07/02 Python
python使用matplotlib画饼状图
2018/09/25 Python
python实现字符串完美拆分split()的方法
2019/07/16 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
python psutil模块使用方法解析
2019/08/01 Python
CSS3 按钮边框动画的实现
2020/11/12 HTML / CSS
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
艺术爱好者的自我评价分享
2013/10/08 职场文书
工作中个人的自我评价
2013/12/31 职场文书
小学生演讲稿大全
2014/04/25 职场文书
辞职信格式范文
2015/05/13 职场文书
如何起草一份正确的合伙创业协议书?
2019/07/04 职场文书
Pandas数据类型之category的用法
2021/06/28 Python
Python GUI编程之tkinter 关于 ttkbootstrap 的使用详解
2022/03/03 Python
手写Spirit防抖函数underscore和节流函数lodash
2022/03/22 Javascript
VW、VH适配移动端的解决方案与常见问题
2023/05/21 HTML / CSS