详解微信小程序 template添加绑定事件
更新时间：2017年06月23日 09:05:05 作者：xiaochun365
这篇文章主要介绍了详解微信小程序 template添加绑定事件的相关资料,需要的朋友可以参考下
详解微信小程序 template添加绑定事件
对于模板的使用，我是想将模板的事件单独出来，其他引用模板的页面中不再掺杂模板事件，比较方便管理，如果还有其他好的解决办法， 请赐教。
template.wxml
<view bindtap="clickView" class="tempClass">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="../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";
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
这篇文章主要介绍了微信小程序 自定义Toast实例代码的相关资料,需要的朋友可以参考下2017-06-06
这篇文章主要为大家介绍了echart实现大屏动效示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要为大家介绍了前端Website的sitemap.xml文件和搜索引擎优化实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
这篇文章主要为大家介绍了前端自动化测试之Jest 进阶教程示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-02-02
这篇文章主要为大家介绍了js 实现验证码输入框示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要为大家介绍了js实现兔年转圈圈动画示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
这篇文章主要介绍了微信小程序 input输入框控件详解及实例（多种示例）的相关资料,输入框在程序中是最常见的，登录，注册，获取搜索框中的内容等等都需要，需要的朋友可以参考下2016-12-12
ant-design的upload组件中实现粘贴上传实例详解
这篇文章主要为大家介绍了ant-design的upload组件中实现粘贴上传实例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
这篇文章主要介绍了微信小程序page的生命周期和音频播放及监听实例详解的相关资料,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了微信小程序 audio音频播放详解及实例的相关资料,附有实例代码及实现效果图，对初学者是个很好的帮助，需要的朋友可以参考下2016-11-11
最新评论