博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序(四):模板
阅读量:5925 次
发布时间:2019-06-19

本文共 1358 字,大约阅读时间需要 4 分钟。

数据:

// index.js内的数据
//数据名要对应模板定义的数据名
//数据要在引入的页面定义
userinfo: [
{nickName: '张三',country: '中国',city: '淄博',language: '汉语'},
{nickName: '李四',country: '美国',city: '西雅图',language: '英语'},
{nickName: '王五',country: '英国',city: '曼彻斯特',language: '西班牙语'},
]

1、include 

<!-- template.wxml 页面 -->
<view wx:for='{
{userinfo}}' wx:for-item='label' wx:key='index'>
<view>{
{index+1}}:</view>
<view>nickName:{
{label.nickName}}</view>
<view>country:{
{label.country}}</view>
<view>city:{
{label.city}}</view>
<view>language:{
{label.language}}</view>
<view>--------------------------------------</view>
</view>
<!-- index.wxml 页面 -->
<include src='../../components/template/template.wxml' />
<!-- include 引入整个页面,无法引入template标签 -->

2、import

<!-- template.wxml 页面 -->
//必须给template定义name
<template name='template1'>
<view wx:for='{
{userinfo}}' wx:for-item='label' wx:key='index'>
<view>{
{index+1}}:</view>
<view>nickName:{
{label.nickName}}</view>
<view>country:{
{label.country}}</view>
<view>city:{
{label.city}}</view>
<view>language:{
{label.language}}</view>
<view>--------------------------------------</view>
</view>
</template>
<!--index.wxml 页面-->
//按name引入template页面的内容,只引入template对应name标签内的内容
//
<import src='../../components/template/template.wxml' />
<template is='template1' data='{
{userinfo}}' />

3、展示的相同的内容

 

转载于:https://www.cnblogs.com/xinchenhui/p/10423170.html

你可能感兴趣的文章
The Distinguish of the share or static lib in MFC
查看>>
如何导出数据库的数据词典
查看>>
Unity The Property Matching Rule
查看>>
查询sqlserver表中的列数
查看>>
高清精美壁纸:2013年4月桌面日历壁纸免费下载
查看>>
空指针赋值分区
查看>>
asp.net批量上传图片代码
查看>>
APMServ在服务器上的使用
查看>>
NDK入门
查看>>
【网络挖掘:成就与未来方向】之网络挖掘应用程序与相关概念
查看>>
ARM Cortex-M3 操作模式和特权级别
查看>>
【转】 矩阵分解方法及 在推荐系统中的应用
查看>>
设计模式之Facade---外观模式
查看>>
Heritrix 3.1.0 源码解析(二十二)
查看>>
css的层叠和特殊性小结
查看>>
DXP_protel2004_原理图设计基础_新建和添加原理图库文件_元件编辑范例
查看>>
算法结点图的多源点最短路问题和传递闭包之Floyd-Warshall算法 By ACReaper
查看>>
最大数组连续子向量的最大和
查看>>
如何从DLL或者DEF文件生成LIB文件<转>
查看>>
对象容器Effective STL——容器中所发生的对象拷贝问题
查看>>