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


Posted in Javascript onJune 23, 2017

详解微信小程序 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";

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
js setTimeout opener的用法示例详解
Oct 23 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
Feb 20 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
Oct 10 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
vue使用showdown并实现代码区域高亮的示例代码
Oct 17 Javascript
微信小程序新闻网站详情页实例代码
Jan 10 Javascript
VSCode launch.json配置详细教程
Jun 18 Javascript
仿照Element-ui实现一个简易的$message方法
Sep 14 Javascript
jQuery-App输入框实现实时搜索
Nov 19 jQuery
微信小程序 检查接口状态实例详解
Jun 23 #Javascript
20行JS代码实现网页刮刮乐效果
Jun 23 #Javascript
w3c编程挑战_初级脚本算法实战篇
Jun 23 #Javascript
微信小程序 获取二维码实例详解
Jun 23 #Javascript
详谈表单格式化插件jquery.serializeJSON
Jun 23 #jQuery
angularJs的ng-class切换class
Jun 23 #Javascript
关于使用js算总价的问题
Jun 23 #Javascript
You might like
PHP分页显示制作详细讲解
2006/12/05 PHP
PHP弹出提示框并跳转到新页面即重定向到新页面
2014/01/24 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
php中序列化与反序列化详解
2017/02/13 PHP
jquery 实现的全选和反选
2009/04/15 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
2014/04/25 Javascript
基于Jquery实现键盘按键监听
2014/05/11 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
简单谈谈javascript中this的隐式绑定
2016/02/22 Javascript
JS获取屏幕高度的简单实现代码
2016/05/24 Javascript
深入浅析Vue组件开发
2016/11/25 Javascript
JavaScript三种绑定事件方式及相互之间的区别分析
2017/01/10 Javascript
js+html5生成自动排列对话框实例
2017/10/09 Javascript
发布一款npm包帮助理解npm的使用
2019/01/03 Javascript
bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法
2019/07/09 Javascript
Python的Flask框架与数据库连接的教程
2015/04/20 Python
python操作excel文件并输出txt文件的实例
2018/07/10 Python
Python为何不能用可变对象作为默认参数的值
2019/07/01 Python
python处理document文档保留原样式
2019/09/23 Python
python安装本地whl的实例步骤
2019/10/12 Python
python多进程重复加载的解决方式
2019/12/13 Python
python怎么对数字进行过滤
2020/07/05 Python
韩国邮政旗下生鲜食品网上超市:epost
2016/08/27 全球购物
本科生求职简历的自我评价
2013/10/21 职场文书
高分子材料与工程专业个人求职信
2013/12/15 职场文书
优秀应届毕业生推荐信
2014/02/18 职场文书
解放思想演讲稿
2014/09/11 职场文书
办理房产过户的委托书
2014/09/14 职场文书
庆祝新中国成立65周年“向国旗敬礼”网上签名寄语
2014/09/27 职场文书
初中毕业生自我评价
2015/03/02 职场文书
上班迟到检讨书
2015/05/06 职场文书
吧主申请感言怎么写
2015/08/03 职场文书
nginx配置ssl实现https的方法示例
2021/03/31 Servers
PHP面试题 wakeup魔法 Ezpop pop序列化与反序列化
2022/04/11 PHP