微信小程式 template新增繫結事件

2021-08-01 15:31:20 字數 759 閱讀 2665

對於模板的使用,我是想將模板的事件單獨出來,其他引用模板的頁面中不再摻雜模板事件,比較方便管理,如果還有其他好的解決辦法, 請賜教。

template.wxml

bindtap="clickview"

class="tempclass">temp模板view>

template.js

var temp = 

}export default temp

template.wxss

.tempclass

————————————————————————

index.wxml 引用template模板

bodyview>

src="../temp/temp.wxml" />

index.js

import tempobj from

'../temp/temp'

//獲取應用例項

var indexobj =

}indexobj["clickview"] = tempobj.clickview

page(indexobj)

index.wxss

/**index.wxss**/

@import

"../temp/temp.wxss";

微信小程式 模板(template)

以mui的例項首頁和列表頁面為例項 通過上圖,可以看出兩個頁面的列表部分很相近,以每行作為單元製作模板。1 模板存放的位置以及使用模板頁面存放的位置 template模板的wxml 注意 上邊在同乙個wxml檔案內建立了兩個模板,乙個右側有箭頭,乙個右側無箭頭,以name名識別。template模板...

微信小程式template使用

當您的專案需要多次使用同乙個布局和樣式的時候,您就可以考慮使用template 模板 來減少冗餘 使用方式 1.新建乙個template資料夾來存放您的通用模板 2.在資料夾裡面新建乙個wxml,wxss,進行模板和樣式的定義 3.設定模板的name,以及裡面您需要定義的wxml內容 4.設定wxs...

template模板微信小程式

contentitem mini button view template contentitem data contentitem mini button view template home.wxml中引入 import src wxml btntext.wxml contentitem dat...