小程式中模板使用template
阿新 • • 發佈:2019-02-13
WXML提供模板(template),可以在模板中定義程式碼片段,然後在不同的地方呼叫。
建立 template.wxml
<!--pages/templates/template.wxml--> <template name="msgItem"> <view> <text> {{index}}: {{msg}} </text> <text> Time: {{time}} </text> </view> </template> <template is="msgItem" data="{{...item}}"/> <template is="msgItem" data="{{...item}}"/> <template is="msgItem" data="{{...item}}"/> <template name="odd"> <view>{{motto}} </view> </template> <template name="o"> <view> even </view> </template> <!-- is屬性使用Mustache語法動態渲染template --> <block wx:for="{{[1, 2, 3, 4,5]}}"> <template is="{{item % 2 == 0 ? 'o' : 'odd'}}" /> </block>
在需要用到template的地方先引入 <import src="../templates/template.wxml" >
<import src="../templates/template.wxml"/>
呼叫程式碼
<view class="usermotto"> <template is="odd" data="{{...msg}}"></template> </view> </view> <view> <template is="odd" data="{{...msg}}"></template> </view>
<template is='' " data=" "></template> 此時的is用來進行判斷 data是要傳入模板中的資料...eg ...(spread運算子)
要注意import作用域,其僅僅引用目標檔案中template。如:C
import B,B import A,在C中可以使用B定義的template,在B中可以使用A定義的template,但是C不能使用A定義的template。