微信小程序模板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系列(9) 根本没有“JSON对象”这回事!
Jan 15 Javascript
JavaScript高级程序设计(第3版)学习笔记4 js运算符和操作符
Oct 11 Javascript
js打开windows上的可执行文件示例
May 27 Javascript
jQuery ajax serialize() 方法使用示例
Nov 02 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
Nov 25 Javascript
canvas实现刮刮卡效果
Mar 14 Javascript
JS闭包可被利用的常见场景小结
Apr 09 Javascript
jquery实现图片放大点击切换
Jun 06 jQuery
JavaScript对JSON数据进行排序和搜索
Jul 24 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 Javascript
解决layui数据表格table的横向滚动条显示问题
Sep 04 Javascript
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
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
请离开include_once和require_once
2013/07/18 PHP
Codeigniter(CI)框架分页函数及相关知识
2014/11/03 PHP
PHP安全之register_globals的on和off的区别
2020/07/23 PHP
学习ExtJS(二) Button常用方法
2009/10/07 Javascript
Js 获取Gridview选中行的内容操作步骤
2013/02/05 Javascript
jquery实现图片翻页效果
2013/12/23 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
jQuery中:empty选择器用法实例
2014/12/30 Javascript
vue,angular,avalon这三种MVVM框架优缺点
2016/04/27 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
javascript实现Emrips反质数枚举的示例代码
2017/12/06 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
2018/05/18 Javascript
vue 登录滑动验证实现代码
2018/08/24 Javascript
JS中通过url动态获取图片大小的方法小结(两种方法)
2018/10/31 Javascript
从组件封装看Vue的作用域插槽的实现
2019/02/12 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
2019/04/15 Javascript
javascript将16进制的字符串转换为10进制整数hex
2020/03/05 Javascript
详解vue中v-on事件监听指令的基本用法
2020/07/22 Javascript
video.js添加自定义组件的方法
2020/12/09 Javascript
总结Python中逻辑运算符的使用
2015/05/13 Python
python通过apply使用元祖和列表调用函数实例
2015/05/26 Python
python调用百度地图WEB服务API获取地点对应坐标值
2019/01/16 Python
Python手绘可视化工具cutecharts使用实例
2019/12/05 Python
python cv2截取不规则区域图片实例
2019/12/21 Python
pytorch 修改预训练model实例
2020/01/18 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
英国书籍、CD、DVD和游戏的第一道德零售商:Awesome Books
2020/02/22 全球购物
运动会广播稿200字
2014/10/18 职场文书
五年级学生评语大全
2014/12/26 职场文书
实习推荐信格式模板
2015/03/27 职场文书
CSS3新特性详解(五):多列columns column-count和flex布局
2021/04/30 HTML / CSS
Python OpenCV 彩色与灰度图像的转换实现
2021/06/05 Python
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python