详解微信小程序 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 相关文章推荐
(仅IE下有效)关于checkbox 三态
May 12 Javascript
页面中js执行顺序
Nov 09 Javascript
location.search在客户端获取Url参数的方法
Jun 08 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
jquery使用经验小结
May 20 Javascript
微信小程序小组件 基于Canvas实现直播点赞气泡效果
May 29 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
May 11 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
May 30 Javascript
jquery实现左右轮播切换效果
Jan 01 jQuery
微信小程序实现全国机场索引列表
Jan 31 Javascript
JavaScript高级函数应用之分时函数实例分析
Aug 03 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日历程序
2006/12/06 PHP
PHP入门教程之上传文件实例详解
2016/09/11 PHP
php使用正则表达式去掉html中的注释方法
2016/11/03 PHP
有关PHP 中 config.m4 的探索
2020/08/26 PHP
JavaScript 语言基础知识点总结(思维导图)
2013/11/10 Javascript
用JQuery实现全选与取消的两种简单方法
2014/02/22 Javascript
jQuery树形控件zTree使用小结
2016/08/02 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
Angular 组件之间的交互的示例代码
2018/03/24 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
基于Vue el-autocomplete 实现类似百度搜索框功能
2019/10/25 Javascript
[02:38]2018年度DOTA2最佳劣单位选手-完美盛典
2018/12/17 DOTA
Python的加密模块md5、sha、crypt使用实例
2014/09/28 Python
Python入门_浅谈字符串的分片与索引、字符串的方法
2017/05/16 Python
TensorFlow如何实现反向传播
2018/02/06 Python
python实现二叉查找树实例代码
2018/02/08 Python
bluepy 一款python封装的BLE利器简单介绍
2019/06/25 Python
浅谈python图片处理Image和skimage的区别
2019/08/04 Python
南非最大的在线时尚商店:Zando
2019/07/21 全球购物
abstract class和interface有什么区别?
2012/01/03 面试题
EJB的基本架构
2016/09/22 面试题
导师推荐信范文
2014/05/09 职场文书
医药公司采购员岗位职责
2014/09/12 职场文书
党委书记个人对照检查材料
2014/09/15 职场文书
2015年教师党员公开承诺书
2015/01/22 职场文书
2015年个人审计工作总结
2015/04/07 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL
Html5新增了哪些功能
2021/04/16 HTML / CSS
一文搞懂python异常处理、模块与包
2021/06/26 Python
Java 语言中Object 类和System 类详解
2021/07/07 Java/Android
详解Oracle块修改跟踪功能
2021/11/07 Oracle
据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元
2021/11/11 Python
漫画「狩龙人拉格纳」公开TV动画预告图
2022/03/22 日漫