模板 template

WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。使用 name 属性,作为模板的名字。然后在 <template/> 内定义代码片段,使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入,

<template is="student_temp" data="{{...student}}"></template>

<template name="student_temp">
   <view>id:{{id}}</view>
   <view>name:{{name}}</view>
   <view>age:{{age}}</view>
</template>
data: {
    student:{
      id:1,
      name:'张三',
      age:16
    }
  },

输出:

id:1

name:张三

age:16

is可以动态决定具体需要渲染哪个模板

<template name="odd">
   <view>Odd</view>
</template>

<template name="even">
  <view>Even</view>
</template>

<block wx:key="index" wx:for="{{[1,2,3,4,5]}}">
  <template is="{{item%2===0?'even':'odd'}}"></template>
</block>

输出:

Odd  Even  Odd  Even  Odd 

猜你喜欢

转载自www.cnblogs.com/shanlu0000/p/12558488.html