對(duì)于模板的使用，我是想將模板的事件單獨(dú)出來，其他引用模板的頁面中不再摻雜模板事件，比較方便管理，如果還有其他好的解決辦法， 請(qǐng)賜教。

template.wxml

<view bindtap="clickView" class="tempClass">temp模板view>

• 1

• 1

template.js

var temp = {
  clickView: function () {
    console.log("剛剛您點(diǎn)擊了temp")
  }
}
export default temp

• 1
• 2
• 3
• 4
• 5
• 6

• 1
• 2
• 3
• 4
• 5
• 6

template.wxss

.tempClass {
  background-color: red;
}

• 1
• 2
• 3
• 4

• 1
• 2
• 3
• 4

————————————————————————  index.wxml 引用template模板

<view>bodyview>
<include src="../temp/temp.wxml" />

• 1
• 2
• 3

• 1
• 2
• 3

index.js

const App = getApp()
import tempObj from '../temp/temp'

//index.js
//獲取應(yīng)用實(shí)例
var indexObj = {
  onShow() {
    console.log("onShow")
  }
}
indexObj["clickView"] = tempObj.clickView
Page(indexObj)

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

index.wxss

/**index.wxss**/
@import "../temp/temp.wxss";