微信小程序模板template简单用法示例


Posted in Javascript onDecember 04, 2018

本文实例讲述了微信小程序模板template简单用法。分享给大家供大家参考,具体如下:

模板呢,就是为了方便你重复写一些代码而建立的,目前我指发现它的功能适合建立一些表格类型的数据,

比如,录入认得信息啥的(都有名字,年龄,性别啥的)

微信小程序模板template简单用法示例

1. index.wxml代码

<view class="page">
<template name="aafa">
<view> <text> 姓名:{{name}} 年龄:{{age}}</text>
 </view>
</template>
//这是模板显示的四种方式,你看你喜欢哪一种
<template is="aafa" data="{{...zhangsan}}"/>
<template is="aafa" data="{{name:'李四',age:30}}"/>
<template is="aafa" data="{{name:x,age:y}}"/>
<template is="aafa" data="{{name,age}}"/>
<view>------------------------</view>
<template name="msgItem">
 <view>
  <text> {{index}}: {{msg}} </text>
  <text> Time: {{time}} </text>
 </view>
</template>
<template is="msgItem" data="{{...item}}"/>
</view>

2. index.js中代码

//
Page({
 data: {
  name:'唐6',
  age:50,
  x:'郭5',
  y:40,
  zhangsan:{
     name:'张三',
     age:20
   },
  item: {
   index: 0,
   msg: 'this is a template',
   time: '2016-09-15'
  }
 }
})

希望本文所述对大家微信小程序设计有所帮助。

Javascript 相关文章推荐
js实现的网站首页随机公告随机公告
Mar 14 Javascript
json2.js的初步学习与了解
Oct 06 Javascript
使用AngularJS创建自定义的过滤器的方法
Jun 18 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
jQuery获取radio选中项的值实例
Jun 18 Javascript
灵活使用数组制作图片切换js实现
Jul 28 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
vue.js初学入门教程(2)
Nov 07 Javascript
javascript中setAttribute兼容性用法分析
Dec 12 Javascript
利用canvas实现的加载动画效果实例代码
Jul 05 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
使用sessionStorage解决vuex在页面刷新后数据被清除的问题
Apr 13 Javascript
vue项目刷新当前页面的三种方法
Dec 04 #Javascript
微信小程序之swiper滑动面板用法示例
Dec 04 #Javascript
vue项目每30秒刷新1次接口的实现方法
Dec 04 #Javascript
详解webpack4之splitchunksPlugin代码包分拆
Dec 04 #Javascript
React Native中Mobx的使用方法详解
Dec 04 #Javascript
element ui table(表格)实现点击一行展开功能
Dec 04 #Javascript
elementUI中Table表格问题的解决方法
Dec 04 #Javascript
You might like
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
Symfony2学习笔记之控制器用法详解
2016/03/17 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
让你的PHP,APACHE,NGINX支持大文件上传
2021/03/09 PHP
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
2021/03/09 Javascript
Javascript实例教程(19) 使用HoTMetal(3)
2006/12/23 Javascript
js 目录列举函数
2008/11/06 Javascript
JS+XML 省份和城市之间的联动实现代码
2009/10/14 Javascript
javascript 嵌套的函数(作用域链)
2010/03/15 Javascript
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
jQuery给动态添加的元素绑定事件的方法
2015/03/09 Javascript
js实现文本框支持加减运算的方法
2015/08/19 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
2016/11/03 Javascript
JSON创建键值对(key是中文或者数字)方式详解
2017/08/24 Javascript
微信小程序点击列表跳转到对应详情页过程解析
2019/09/26 Javascript
微信小程序实现按字母排列选择城市功能
2019/11/25 Javascript
如何管理Vue中的缓存页面
2021/02/06 Vue.js
[44:15]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第二局
2016/03/06 DOTA
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
详解Python文本操作相关模块
2017/06/22 Python
Python实现的KMeans聚类算法实例分析
2018/12/29 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
在Python中,不用while和for循环遍历列表的实例
2019/02/20 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
Python实现图片识别加翻译功能
2019/12/26 Python
利用django model save方法对未更改的字段依然进行了保存
2020/03/28 Python
python3中TQDM库安装及使用详解
2020/11/18 Python
Hashtable 添加内容的方式有哪几种,有什么区别?
2012/04/08 面试题
外贸业务员求职自荐信分享
2013/09/21 职场文书
路政管理专业推荐信
2013/11/11 职场文书
2014国庆节演讲稿:祖国在我心中(400字)
2014/09/25 职场文书
2014年酒店工作总结与计划
2014/11/17 职场文书
捐助倡议书
2015/01/19 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书