详解微信小程序 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 日历提醒系统( 兼容所有浏览器 )
Apr 07 Javascript
javaScript如何处理从java后台返回的list
Apr 24 Javascript
IE浏览器中图片onload事件无效的解决方法
Apr 29 Javascript
js游戏人物上下左右跑步效果代码分享
Aug 28 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
Jan 08 Javascript
原生js仿淘宝网商品放大镜效果
Feb 28 Javascript
Vue渲染函数详解
Sep 15 Javascript
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
在vue中实现点击选择框阻止弹出层消失的方法
Sep 15 Javascript
原生JS实现随机点名项目的实例代码
Apr 30 Javascript
vue 解决addRoutes多次添加路由重复的操作
Aug 04 Javascript
javascript使用canvas实现饼状图效果
Sep 08 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绘图中显示不出图片的原因及解决
2014/03/05 PHP
php实现的CSS更新类实例
2014/09/22 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
php模板引擎技术简单实现
2016/03/15 PHP
PHP中创建和编辑Excel表格的方法
2018/09/13 PHP
php创建多级目录与级联删除文件的方法示例
2019/09/12 PHP
laravel框架实现敏感词汇过滤功能示例
2020/02/15 PHP
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
2012/04/12 Javascript
原生js实现半透明遮罩层效果具体代码
2013/06/06 Javascript
动态获取复选框checkbox选中个数的jquery代码
2013/06/25 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
2014/06/24 Javascript
javascript中字符串拼接详解
2014/09/26 Javascript
浅谈angularJS 作用域
2015/07/05 Javascript
使用Web Uploader实现多文件上传
2016/06/08 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
2017/05/25 jQuery
JS回调函数深入理解
2019/10/16 Javascript
vue 授权获取微信openId操作
2020/11/13 Javascript
微信小程序自定义底部弹出框功能
2020/11/18 Javascript
[03:37]2016完美“圣”典 风云人物:Mikasa专访
2016/12/07 DOTA
Python中文件操作简明介绍
2015/04/13 Python
详解tensorflow载入数据的三种方式
2018/04/24 Python
python3 json数据格式的转换(dumps/loads的使用、dict to str/str to dict、json字符串/字典的相互转换)
2019/04/01 Python
一步步教你用python的scrapy编写一个爬虫
2019/04/17 Python
详解python metaclass(元类)
2020/08/13 Python
基本款天堂:Everlane
2017/05/13 全球购物
海蓝之谜(LA MER)澳大利亚官方商城:全球高端奢华护肤品牌
2017/10/27 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
小米旗下精品生活电商平台:小米有品
2018/12/18 全球购物
Puccini乌克兰:购买行李箱、女士手袋网上商店
2020/08/06 全球购物
小学教师学期末自我评价
2013/09/25 职场文书
党支部创先争优承诺书
2014/08/30 职场文书
小学运动会开幕词
2015/01/28 职场文书
教师岗位职责范本
2015/04/02 职场文书
谁动了我的奶酪读书笔记
2015/06/30 职场文书
大学新生入学感想
2015/08/07 职场文书