详解微信小程序 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 相关文章推荐
编写跨浏览器的javascript代码必备[js多浏览器兼容写法]
Oct 29 Javascript
js 面向对象的技术创建高级 Web 应用程序
Feb 25 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
Jan 22 Javascript
JS中取二维数组中最大值的方法汇总
Apr 17 Javascript
requireJS使用指南
Apr 27 Javascript
基于JS模仿windows文件按名称排序效果
Jun 29 Javascript
javascript 中的继承实例详解
May 05 Javascript
js判断用户是输入的地址请求的路径(实例讲解)
Jul 18 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
Sep 27 Javascript
原生JS实现轮播图效果
Oct 12 Javascript
React+Redux实现简单的待办事项列表ToDoList
Sep 29 Javascript
ES6箭头函数和扩展实例分析
May 23 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
使用PHP socke 向指定页面提交数据
2008/07/23 PHP
php线性表的入栈与出栈实例分析
2015/06/12 PHP
php生成mysql的数据字典
2016/07/07 PHP
php+ajax实现异步上传文件或图片功能
2017/07/18 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
EditPlus注册码生成器(js代码实现)
2013/03/25 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
JS+CSS简单树形菜单实现方法
2015/09/12 Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
2016/01/21 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
React复制到剪贴板的示例代码
2017/08/22 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
2018/11/28 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
2021/01/26 Javascript
Python中捕捉详细异常信息的代码示例
2014/09/18 Python
python去除扩展名的实例讲解
2018/04/23 Python
使用Python+wxpy 找出微信里把你删除的好友实例
2019/02/21 Python
简单了解python中的f.b.u.r函数
2019/11/02 Python
Django 框架模型操作入门教程
2019/11/05 Python
Python变量作用域LEGB用法解析
2020/02/04 Python
python程序文件扩展名知识点详解
2020/02/27 Python
python 爬取百度文库并下载(免费文章限定)
2020/12/04 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
德国团购网站:Groupon德国
2018/03/13 全球购物
美国50岁以上单身人士约会平台:SilverSingles
2018/06/29 全球购物
德国的各种媒体在线商店:Thalia.de(书籍、电子书、玩具等)
2020/10/08 全球购物
英国儿童设计师服装和玩具购物网站:Zac & Lulu
2020/10/19 全球购物
文明演讲稿范文
2014/05/12 职场文书
中学教师师德承诺书
2014/05/23 职场文书
禁止酒驾标语
2014/06/25 职场文书
2014年保安个人工作总结
2014/11/13 职场文书
2014年仓库工作总结
2014/11/20 职场文书
2014年预算员工作总结
2014/12/05 职场文书
使用tensorflow 实现反向传播求导
2021/05/26 Python
数据设计之权限的实现
2022/08/05 MySQL