详解微信小程序 template添加绑定事件

详解微信小程序 template添加绑定事件

对于模板的使用,我是想将模板的事件单独出来,其他引用模板的页面中不再掺杂模板事件,比较方便管理,如果还有其他好的解决办法, 请赐教。

template.wxml

<view bindtap="clickView">temp模板</view>

template.js

var temp = { clickView: function () { console.log("刚刚您点击了temp") } } export default temp

template.wxss

.tempClass { background-color: red; }

index.wxml 引用template模板

<!--index.wxml--> <view>body</view> <include src="https://www.jb51.net/temp/temp.wxml" />

index.js

const App = getApp() import tempObj from '../temp/temp' //index.js //获取应用实例 var indexObj = { onShow() { console.log("onShow") } } indexObj["clickView"] = tempObj.clickView Page(indexObj)

index.wxss

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

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wyfpyd.html