多个页面共用的功能做成模板,其他页面只需要导入定义的模板即可

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}}">

猜你喜欢

转载自blog.csdn.net/qq_43119205/article/details/84340476