微信小程序模板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代码
Dec 15 Javascript
分享一个asp.net pager分页控件
Jan 04 Javascript
jQuery中extend函数的实现原理详解
Feb 03 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
Jan 29 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
Dec 07 Javascript
vue ssr 指南详读
Jun 29 Javascript
微信小程序倒计时功能实例代码
Jul 17 Javascript
详解项目升级到vue-cli3的正确姿势
Jan 28 Javascript
详解vue项目打包步骤
Mar 29 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
Dec 04 Javascript
javascript数组元素删除方法delete和splice解析
Dec 09 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
c#中的实现php中的preg_replace
2009/12/21 PHP
discuz的php防止sql注入函数
2011/01/17 PHP
php命名空间学习详解
2014/02/27 PHP
PHP三元运算的2种写法代码实例
2014/05/12 PHP
php生成RSS订阅的方法
2015/02/13 PHP
PHP+Mysql+jQuery中国地图区域数据统计实例讲解
2015/10/10 PHP
简单实现PHP留言板功能
2016/12/21 PHP
PHP基于ORM方式操作MySQL数据库实例
2017/06/21 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
js获取图片大小的函数代码
2011/09/20 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
2015/04/12 Javascript
JS实现样式清新的横排下拉菜单效果
2015/10/09 Javascript
Angular.js实现动态加载组件详解
2017/05/28 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
electron实现静默打印的示例代码
2019/08/12 Javascript
Python实现图像几何变换
2015/07/06 Python
Python 读写文件和file对象的方法(推荐)
2016/09/12 Python
Python面向对象编程基础解析(一)
2017/10/26 Python
详解使用django-mama-cas快速搭建CAS服务的实现
2019/10/30 Python
Django通过dwebsocket实现websocket的例子
2019/11/15 Python
python实现word文档批量转成自定义格式的excel文档的思路及实例代码
2020/02/21 Python
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
法国时尚品牌乐都特瑞士站:La Redoute瑞士
2016/09/05 全球购物
韩国家庭购物网上商店:Nsmall
2017/05/07 全球购物
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
俄罗斯三星品牌商店:GalaxyStore
2020/11/04 全球购物
实习教师个人的自我评价
2013/11/08 职场文书
六十大寿答谢词
2014/01/12 职场文书
人力资源经理的岗位职责
2014/03/02 职场文书
质量保证书范本
2014/04/29 职场文书
活动总结报告怎么写
2014/07/03 职场文书
幼儿园大班教师个人工作总结
2015/02/05 职场文书
政协常委会议主持词
2015/07/03 职场文书
CSS3实现指纹特效代码
2022/03/17 HTML / CSS
SQL bool盲注和时间盲注详解
2022/07/23 SQL Server