微信小程序模板template
上面是官方的講解, 主要是方便在不同的地方調(diào)用.
下面自己說(shuō)下使用, 先創(chuàng)建一個(gè)模板名字是自己隨便取的,
在template.wxml中填寫(xiě)模板 最外層用template標(biāo)簽 設(shè)置一個(gè)name屬性
<template name="msgItem">
<view>
<text bindtap='click1'>學(xué)習(xí)總結(jié)中</text>
</view>
?
<view>
<text bindtap='click2'>學(xué)習(xí)總結(jié)中</text>
</view>
?
<view>
<text bindtap='click3'>學(xué)習(xí)總結(jié)中</text>
</view>
</template>
?
在需要使用模板的地方使用import?
<import src="../template/template"/>
<template is="msgItem"bindtap="click"></template>
在template中是用is 接受name的屬性值,
給template添加監(jiān)聽(tīng)事件,這個(gè)呢如果是真?zhèn)€template添加一個(gè)監(jiān)聽(tīng)事件,就在template外圍添加view 然后添加監(jiān)聽(tīng)事件即可
如果給里面的每一個(gè)事件添加監(jiān)聽(tīng)事件,這個(gè)時(shí)候就需要在模板里面添加監(jiān)聽(tīng)事件然后在引用模板的js里面調(diào)用即可.
個(gè)人感覺(jué)挺好用的,也就是template 把它當(dāng)做一個(gè)標(biāo)簽即可,比如我的寫(xiě)的view之類的,模板使用name 引用模板的地方使用is接受即可.
這里給出一個(gè)demo提供參考
demo地址,如果demo幫助了您希望給個(gè)免費(fèi)的star
總結(jié)
以上是生活随笔為你收集整理的微信小程序模板template的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 微信小程序import和include
- 下一篇: 微信小程序自定义组件Component的