對于模板(ban)的(de)使(shi)用，我是想將模板(ban)的(de)事(shi)件單獨出來(lai)，其他(ta)引用模板(ban)的(de)頁面中不再摻(chan)雜模板(ban)事(shi)件，比較方便(bian)管理，如(ru)果還有其他(ta)好的(de)解決辦(ban)法， 請賜教。

template.wxml

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

• 1

• 1

template.js

var temp = {
  clickView: function () {
    console.log("剛剛您點擊了(le)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
//獲(huo)取(qu)應(ying)用(yong)實例
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";