对于模板的使用,我是想将模板的事件单独出来,其他引用模板的页面中不再掺杂模板事件,比较方便管理,如果还有其他好的解 ...
对于模板的使用,我是想将模板的事件单独出来,其他引用模板的页面中不再掺杂模板事件,比较方便管理,如果还有其他好的解决办法, 请赐教。
template.wxml
<view bindtap="clickView" class="tempClass">temp模板view>1
1
template.js
var temp = { clickView: function () { console.log("刚刚您点击了temp") } } export default temp1
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 //获取应用实例 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";