WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。
定义模板
使用 name 属性,作为模板的名字。然后在内定义代码片段
<template name="worker">
<view bindtap="godetailzw" class="list" data-job_id="{{item.job_id}}" data-company_name="{{item.company_name}}" data-company_id="{{item.company_id}}">
<view class="positionName">【招聘】{{[item.job_name]}} </view>
<view class='content'>
<view class="left">
<view class="company">{{item.company_name}}</view>
<view class="wages">工资水平:{{[item.wages]}}</view>
</view>
<view class="right">
<!--view class="money">优选</view-->
<view class="distance">距离:{{item.distance}}米</view>
</view>
</view>
<view class='foot'>
学历:{{education_arr[item.education]}} 年龄:{{item.age_range}}
</view>
</view>
<view>
</view>
</template>
使用模板
使用 is 属性,声明需要的使用的模板,然后将模板所需要的 data 传入,
在需要插入模板代码的地方调用
is 属性可以使用 Mustache 语法,来动态决定具体需要渲染哪个模板:
模板拥有自己的作用域,只能使用 data 传入的数据以及模板定义文件中定义的 模块。***即模板需要用data来引入模板里面需要的所有数据少了是不分显示的***data 可以是循环里面的item ,也可以是具体的数据名称
如:
<import src="template.wxml" /> //使用模板前需引入板文件
<view class="weui-panel__bd">
<block wx:for="{{list}}" wx:key="*this" wx:for-item="item">
<template is="{{tempplatename}}" data="{{item}}" />
</block>
</view>
注意样板需要在编辑器小新建,如果是直接拷贝就可能出现找不到文件错误