微信小程序模板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 相关文章推荐
javascript检查日期格式的函数[比较全]
Oct 17 Javascript
JavaScript 快捷键设置实现代码
Mar 13 Javascript
javascript瀑布流式图片懒加载实例
Jun 28 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
jQuery手风琴的简单制作
May 12 jQuery
EasyUI的TreeGrid的过滤功能的解决思路
Aug 08 Javascript
微信小程序实现顶部选项卡(swiper)
Jun 19 Javascript
webpack external模块的具体使用
Mar 10 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
Jan 14 Javascript
vue项目中使用scss的方法步骤
May 16 Javascript
JavaScript函数式编程(Functional Programming)箭头函数(Arrow functions)用法分析
May 22 Javascript
jQuery操作元素追加内容示例
Jan 10 jQuery
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实现高效获取图片尺寸的方法
2014/12/12 PHP
php进行支付宝开发中return_url和notify_url的区别分析
2014/12/22 PHP
php快速查找数据库中恶意代码的方法
2015/04/01 PHP
laravel 5.5 关闭token的3种实现方式
2019/10/24 PHP
使用onbeforeunload属性后的副作用
2007/03/08 Javascript
csdn 博客中实现运行代码功能实现
2009/08/29 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
jquery实现页面关键词高亮显示的方法
2015/03/12 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
2015/10/01 Javascript
详解使用nvm安装node.js
2017/07/18 Javascript
详解Axios统一错误处理与后置
2018/09/26 Javascript
TypeScript基础入门教程之三重斜线指令详解
2018/10/22 Javascript
Element 默认勾选表格 toggleRowSelection的实现
2019/09/04 Javascript
[54:51]Ti4 冒泡赛第二轮LGD vs C9 3
2014/07/14 DOTA
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
Python实现简单的文本相似度分析操作详解
2018/06/16 Python
Python打包方法Pyinstaller的使用
2018/10/09 Python
详解django2中关于时间处理策略
2019/03/06 Python
Python使用sax模块解析XML文件示例
2019/04/04 Python
Python实现的文轩网爬虫完整示例
2019/05/16 Python
Flask框架单例模式实现方法详解
2019/07/31 Python
python matplotlib库绘制散点图例题解析
2019/08/10 Python
Python Django Cookie 简单用法解析
2019/08/13 Python
python设置随机种子实例讲解
2019/09/12 Python
Python中实现输入超时及如何通过变量获取变量名
2020/01/18 Python
django model的update时auto_now不被更新的原因及解决方式
2020/04/01 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
国外平面设计第一市场:99designs
2016/10/25 全球购物
车间工艺员岗位职责
2013/12/09 职场文书
演讲稿开场白
2014/01/13 职场文书
《灯光》教学反思
2014/02/08 职场文书
小学校本培训方案
2014/06/06 职场文书
2016年世界艾滋病日宣传活动总结
2016/04/01 职场文书
优秀员工演讲稿
2019/06/21 职场文书
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis