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