怎么在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件？？？

出了一个奇葩需求，需要在vue单页面项目用一个公共函数监听到所有页面上按钮的点击事件，这怎么搞？？？监听鼠标点击事件？好像不行吧。有点伤脑壳。有没有大佬做过类似的功能的，给一点思路。谢谢谢谢

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
反派都是哲学家 2019-08-06 10:44
关注
如果是单纯的点击事件的话可以在主文件里写个方法监听button，不过按钮过多的话直接监听按钮的点击事件很废性能，最好写个事件委托

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

vue点击确定弹框跳转到另一个页面？ vue.js 前端
2021-10-25 10:08

回答 4 已采纳 router跳转
如何让element Vue在同一个vue页面用不同按钮响应不同的dialog显示不同内容？ elementui java vue.js
2022-04-08 17:07

回答 1 已采纳最简单的方法定义actionType，点击不同按钮赋值为不同的值，dialog中使用v-if actionType ===x 判断显示，弹窗中的确认函数同理用actionType判断执行不同函数例如添
关于vue前端点击一个按钮实现多个页面跳转的功能 javascript vue.js
2021-10-21 11:25

回答 2 已采纳 var buttonLinks=['www.baidu.com','www.csdn.net']; function onClick(event){ for(var i=0;i<butto
前端项目(二) vue项目实战-尚品汇
2023-05-25 11:32

A旭尧的博客大家刚学完vue需要项目练手可以参考这个项目，B站视频教程尚硅谷VUE项目实战，前端项目-尚品汇(大型\重磅)_哔哩哔哩_bilibili 二、开发过程 day01 前端核心开发一个前端模块可以概括为以下几个步骤：（1）写...
之前用vue写了一个页面，怎么在uniapp中使用？ vue.js 前端前端框架
2023-03-30 15:35

回答 2 已采纳修改一些标签啊，用到的依赖在uniapp安装下，这个页面在page.json里配置下，尺寸需要自适应的将尺寸单位修改下
vue项目使用iframe嵌入另一个vue项目的页面 vue.js 前端
2022-06-22 08:46

回答 2 已采纳建议使用微前端嵌套，或者将需要嵌套的页面打包好后再嵌套
vue如何在A页面点击按钮后跳转到B页面，同时在B页面弹窗，B页面没有事件控制弹窗 vue.js
2022-09-27 22:46

回答 2 已采纳使用路由守卫beforeRouteEnter试试效果
reactrouter监听路由变化_10分钟彻底搞懂单页面应用路由
2020-11-22 08:41

weixin_39617252的博客茫茫人海中与你相遇相信未来的你不会很差作者：百度小程序技术来源：https://segmentfault.com/a/1190000023509417单页面应用特征假设：在一个 web 页面中，有1个按钮，点击可跳转到站内其他页面。多页面应用： ...
vue同一页面使用同一个公共组件props传值数据冲突覆盖，怎么解决？ javascript vue.js
2020-09-02 16:19

回答 3 已采纳同一个页面的是可以复用同一个组件传不同的值得，至于你这个我怀疑是v-model='search.eclassIds的原因，你两个组件双向数据绑定的值是一样的
我在前端vue页面点击一个按钮，发送axiso.post请求到我建的python的api中，报了下面的错 python vue.js
2022-04-04 00:05

回答 1 已采纳这个是跨域跑的错，你可以在 vue.config,js 中配置一下 proxy 代理然后做跨域请求
vue3，通过页面的按钮事件，在左侧栏目里增加菜单怎么实现？ javascript vue.js 前端
2022-09-22 17:01

回答 2 已采纳可以在页面使用。你没更新得重新渲染侧边栏组件。想办法重新渲染侧边栏。
一文讲清vue中自定义事件监听和分发
2021-02-17 19:38

Zdde_的博客在Vue中我们可以使用下面的代码来实现组件中自定义事件的监听和分发： //在父组件中 mounted () { //给Header组件添加addTodo事件，通过$on监听 this.$on('addTodo', this.addTodo) } methods: { addTodo (todo)...
Vue实现点击按钮使图片平移到某个位置怎么实现？有个时间间隔有点动画效果 javascript vue.js 前端
2021-10-26 16:56

回答 5 已采纳为图片容器.imgDiv设置css动画，贼香，如 .imgDiv { animation-duration: 2s; animation-name: imgmove; } @keyframe
前端尚硅谷尚品汇Vue项目笔记
2022-12-17 22:44

Hiyori02的博客前端尚硅谷尚品汇Vue项目笔记
结合服务器+后端+前端，完成 vue项目后台管理系统
2022-01-23 13:39

彩色之外的博客亲测可用 gitee 网址包括php包，后端node.js代码，前端源码以及文档接口说明 + 结合服务器+后端+前端，完成 vue项目后台管理系统
没有解决我的问题, 去提问

悬赏问题

¥15 孟德尔随机化r语言运行问题
¥15 pyinstaller编译的时候出现No module named 'imp'
¥15 怎么把多于硬盘空间放到根目录下
¥15 Matlab问题解答有两个问题
¥50 Oracle Kubernetes服务器集群主节点无法访问，工作节点可以访问
¥15 LCD12864中文显示
¥15 在使用CH341SER.EXE时不小心把所有驱动文件删除了怎么解决
¥15 gsoap生成onvif框架
¥15 有关sql server business intellige安装，包括SSDT、SSMS。
¥15 stm32的can接口不能收发数据