详解微信小程序 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 相关文章推荐
身份证号码前六位所代表的省,市,区, 以及地区编码下载
Apr 12 Javascript
用Javascript评估用户输入密码的强度(Knockout版)
Nov 30 Javascript
js实现一个省市区三级联动选择框代码分享
Mar 06 Javascript
JSON+HTML实现国家省市联动选择效果
May 18 Javascript
js控制文本框只输入数字和小数点的方法
Mar 10 Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
聊一聊JS中this的指向问题
Jun 17 Javascript
jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
Aug 11 Javascript
原生JS+HTML5实现跟随鼠标一起流动的粒子动画效果
May 03 Javascript
Vue中Quill富文本编辑器的使用教程
Sep 21 Javascript
mustache.js实现首页元件动态渲染的示例代码
Dec 28 Javascript
微信小程序 检查接口状态实例详解
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
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
php中的比较运算符详解
2013/10/28 PHP
微信获取用户地理位置信息的原理与步骤
2015/11/12 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
jQuery 源码分析笔记(4) Ready函数
2011/06/02 Javascript
关于js类的定义
2011/06/28 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
2012/01/04 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
查看大图功能代码jquery版
2013/11/05 Javascript
调整小数的格式保留小数点后两位
2014/05/14 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
2014/08/15 Javascript
js获取页面传来参数的方法
2014/09/06 Javascript
JS数字抽奖游戏实现方法
2015/05/04 Javascript
jQuery实现的导航下拉菜单效果
2016/07/04 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
详解Vue.js分发之作用域槽
2017/06/13 Javascript
Node.js pipe实现源码解析
2017/08/12 Javascript
浅谈微信JS-SDK 微信分享接口开发(介绍版)
2018/08/15 Javascript
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
如何在Express4.x中愉快地使用async的方法
2020/11/18 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
python使用正则来处理各种匹配问题
2019/12/22 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
Bench加拿大官方网站:英国城市服装品牌
2017/11/03 全球购物
花园仓库建筑:Garden Buildings Direct
2018/02/16 全球购物
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
师范应届生求职信
2013/11/15 职场文书
单位在职证明范本
2014/01/09 职场文书
校园文明标语
2014/06/13 职场文书
上班离岗检讨书
2014/09/10 职场文书
2014年公务员工作总结
2014/11/18 职场文书
健康状况证明书
2014/11/26 职场文书
村党组织公开承诺书
2015/04/30 职场文书
大学生违纪检讨书范文
2015/05/07 职场文书
立春观后感
2015/06/18 职场文书
Ajax实现异步加载数据
2021/11/17 Javascript