小程序学习（AXML --- 模板）

Matilda________

于 2022-05-05 17:21:37 发布

阅读量155

点赞数

CC 4.0 BY-SA版权

文章标签：前端

本文链接：https://blog.youkuaiyun.com/Matilda________/article/details/124593134

这篇博客介绍了如何在微信小程序中使用模板（template）进行数据绑定和动态调用。通过示例展示了<template>标签的定义，如`<template name=item1>...</template>`，以及如何在页面中调用这些模板，例如`<template is=item1 data={{...itemData}

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.声明模板

<template name="item1">
    <view>name:{{name}}</view>
    <view>{{index}}:{{city}}</view>
</template>

2.调用模板

<template is="item1" data="{{...itemData}}"></template>


Page({
    data: {
        itemData: {
            index: 0，
            name: YLF,
            city: 'Xian'
        }
    }
})

3.动态调用模板

template的is属性可以使用{{}}动态调用。