微信开发者工具——模板

模板

template，可以在模板中定义代码片段，然后在不同的地方调用。

定义

以template的name属性来定义模板的名字，以便于调用模板

< template name="msgItem">

    < view>
       < text>这是一个模板< /text>
    < /view>
< /template>

使用

< !–index.wxml–>
< !-- 引用模板文件 -->
< import src=“…/template/template.wxml”/>
< view>This is index.wxml< /view>
< !–使用–>
< template is=“msgItem”/>

数据传递

1、有时候模版需要外面给他传递数据显示，这时先定义参数

< !–template.wxml–>
< template name=“msgItem”>
     < view>
         < text class=“info”>{{infoData}}< /text>
     < /view>
< /template>

2、接下来我们在index.wxml中传递模板中所需要的参数，修改后的代码如下：

< !–index.wxml–>
< !-- 声明需要使用的模板文件 -->
< import src=“…/template/template.wxml”/>
< view>This is index.wxml< /view>
< !–使用–>
< template is=“msgItem” data=“{{‘这是一个参数’}}”/>

注意：
在<data=“{{‘这是一个参数’}}”>中传多少个参数，模版里才能获取多少个参数，比如模版需要2个参数，传参的时候要逗号添加，如：<data=“{{‘这是一个参数’,‘这是第二个参数’}}”>

 
更多详情
作者：木马不在转
链接：https://www.jianshu.com/p/cfca91e9a78b
来源：简书