详解微信小程序 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";

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序  # template  # 小程序  # 微信小程序template模板与component组件的区别和使用详解  # 微信小程序template模版的使用方法  # 微信小程序模板（template）使用详解  # 微信小程序实现给嵌套template模板传递数据的方式总结  # 微信小程序视图template模板引用的实例详解  # 微信小程序 template模板详解及实例代码  # 微信小程序 template模板详解及实例  # 微信小程序template模板引入的问题小结  # 我是  # 希望能  # 谢谢大家  # 解决办法  # 绑定  # 他好  # 想将  # 应用实例  # clickView  # tempClass  # view  # bindtap  # js  # temp  # gt  # var  # lt  # wxml  # strong 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 黑客入侵网站服务器的常见手法有哪些？  使用豆包 AI 辅助进行简单网页 HTML 结构设计  python中快速进行多个字符替换的方法小结  如何在宝塔面板中修改默认建站目录？  Laravel如何保护应用免受CSRF攻击？（原理和示例）  使用PHP下载CSS文件中的所有图片【几行代码即可实现】  Laravel如何创建自定义Facades？（详细步骤）  详解阿里云nginx服务器多站点的配置  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控  高端企业智能建站程序：SEO优化与响应式模板定制开发  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  微信小程序 canvas开发实例及注意事项  Laravel如何处理跨站请求伪造（CSRF）保护_Laravel表单安全机制与令牌校验  Laravel如何生成和使用数据填充？（Seeder和Factory示例）  PHP 实现电台节目表的智能时间匹配与今日/明日轮播逻辑  如何在 Python 中将列表项按字母顺序编号（a.、b.、c. …）  如何在宝塔面板创建新站点？  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的，背景音乐、音效等？  Javascript中的事件循环是如何工作的_如何利用Javascript事件循环优化异步代码？  Laravel怎么实现验证码(Captcha)功能  魔方云NAT建站如何实现端口转发？  Laravel如何发送邮件_Laravel Mailables构建与发送邮件的简明教程  JS中页面与页面之间超链接跳转中文乱码问题的解决办法  Laravel Blade组件怎么用_Laravel可复用视图组件的创建与使用  奇安信“盘古石”团队突破 iOS 26.1 提权  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析  Laravel如何实现URL美化Slug功能_Laravel使用eloquent-sluggable生成别名【方法】  MySQL查询结果复制到新表的方法(更新、插入)  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  如何在Windows 2008云服务器安全搭建网站？  Laravel的辅助函数有哪些_Laravel常用Helpers函数提高开发效率  如何在腾讯云免费申请建站？  Python制作简易注册登录系统  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  Laravel如何处理JSON字段_Eloquent原生JSON字段类型操作教程  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  为什么要用作用域操作符_php中访问类常量与静态属性的优势【解答】  北京网站制作的公司有哪些,北京白云观官方网站？  JavaScript如何实现错误处理_try...catch如何捕获异常？  在线教育网站制作平台,山西立德教育官网？  如何在万网主机上快速搭建网站？  微信h5制作网站有哪些,免费微信H5页面制作工具？  制作电商网页,电商供应链怎么做？  ChatGPT常用指令模板大全 新手快速上手的万能Prompt合集  Laravel请求验证怎么写_Laravel Validator自定义表单验证规则教程  小视频制作网站有哪些,有什么看国内小视频的网站，求推荐？  Linux系统运维自动化项目教程_Ansible批量管理实战