详解微信小程序 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 相关文章推荐
List the Codec Files on a Computer
Jun 18 Javascript
javascript 语法基础 想学习js的朋友可以看看
Dec 16 Javascript
关于JS控制代码暂停的实现方法分享
Oct 11 Javascript
给artDialog 5.02 增加ajax get功能详细介绍
Nov 13 Javascript
jQuery的观察者模式详解
Dec 22 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
Dec 21 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
js中null与空字符串&quot;&quot;的区别讲解
Jan 17 Javascript
微信小程序实现联动选择器
Feb 15 Javascript
Vue 中如何正确引入第三方模块的方法步骤
May 05 Javascript
Node.js API详解之 timer模块用法实例分析
May 07 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
《神奇女侠:血脉》神力女超人大战犯罪公司
2020/04/09 欧美动漫
多重?l件?合查?(一)
2006/10/09 PHP
PHP获取youku视频真实flv文件地址的方法
2014/12/23 PHP
JavaScript 面向对象编程(1) 基础
2010/05/18 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
使用nodejs、Python写的一个简易HTTP静态文件服务器
2014/07/18 NodeJs
jQuery表单域选择器用法分析
2015/02/10 Javascript
javascript中Math.random()使用详解
2015/04/15 Javascript
JavaScript性能优化总结之加载与执行
2016/08/11 Javascript
H5移动端适配 Flexible方案
2016/10/24 Javascript
JS搜狐面试题分析
2016/12/16 Javascript
微信小程序 图片宽度自适应的实现
2017/04/06 Javascript
jQuery实现导航样式布局操作示例【可自定义样式布局】
2018/07/24 jQuery
React降级配置及Ant Design配置详解
2018/12/27 Javascript
微信小程序如何使用canvas二维码保存至手机相册
2019/07/15 Javascript
ES6 proxy和reflect的使用方法与应用实例分析
2020/02/15 Javascript
JavaScript Tab菜单实现过程解析
2020/05/13 Javascript
[57:55]EG vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python绘图库Matplotlib的安装
2014/07/03 Python
python 实现交换两个列表元素的位置示例
2019/06/26 Python
Django 重写用户模型的实现
2019/07/29 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题
2019/08/31 Python
python 爬虫基本使用——统计杭电oj题目正确率并排序
2020/10/26 Python
CSS3实现的渐变幻灯片效果
2020/12/07 HTML / CSS
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
我的理想演讲稿
2014/04/30 职场文书
销售类求职信
2014/06/13 职场文书
三关爱志愿服务活动方案
2014/08/17 职场文书
会议营销主持词
2015/07/03 职场文书
HR必备:销售经理聘用合同范本
2019/08/21 职场文书
PHP实现rar解压读取扩展包小结
2021/06/03 PHP