1. 程式人生 > >多個頁面共用的功能做成模板,其他頁面只需要匯入定義的模板即可

多個頁面共用的功能做成模板,其他頁面只需要匯入定義的模板即可

page1.axml中定義模板

例,定義name為searchBar的模板:
<template name="searchBar">
<view class="searchWrap">
<search-bar placeholder="企業名稱" onInput="getData" />
</view>
</template>
在當前頁面中引用,<template is="searchBar"></template>

page2.axml中引用模板

例,<import src="../exam/page1.axml"/>


<template is="searchBar"></template>

注意:如果模板中有繫結資料,需要在使用時data屬性中指出

例:定義模板:<template name="search">
<input placeholder="{{placeholder}}" />
</template>
使用模板:<template is="search" data="{{placeholder}}">