vue中绑定事件,在使用的 bus被触发,进行组件间传递,事件被重复调用.

最新推荐文章于 2023-02-16 14:55:47 发布
最新推荐文章于 2023-02-16 14:55:47 发布
阅读量1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oliver_web/article/details/80182741
版权 
beforeDestroy() {
  Bus.$off('orgId');

},

或者是在同的判断的路由的是否是当前页路径,如果相同就进行的执行事件的函数

this.$route.path==="当前的路径"
一个橘子a
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue 组件间传值及事件触发Demo
09-07
Vue 组件间传值及事件回调
浅谈vue中组件绑定事件时是否加.native
10-16
今天小编就为大家分享一篇浅谈vue中组件绑定事件时是否加.native，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue3子组件通过emit反馈给父组件，会触发两次。
曹先森的博客
10-25 2716
使用 emit 需要 先注册 在 setup 中 使用emit的时候如果不注册会给父组件反馈两次。 详情如下 vue.component('ls-unit', { props: { selectedItems: { default: {} } }, emits: ['change'], // 这里需要先注册 setup(props, { emit })
vue组件传参的方法--bus事件总线
weixin_53474595的博客
02-16 267
vue项目中bus事件的使用
vue组件间切换 this.$bus.$on会多次调用问题
weixin_44545815的博客
11-21 2848
this.$bus.$on 向容器添加了一个事件监听，当页面跳转时，原来的组件没有注销。事件监听不会被移除，再次进入该组件后 又会向bus容器添加重复的事件监听器
简单描述vue事件总线$bus及$on重复触发问题
胖胖的博客
03-19 4577
使用情景 非父子组件之间通信时，一层一层传太麻烦，Vuex又有点小题大做，这时就会用到。 开始 在main.js中创建$bus，这样就能全局使用。 Vue.prototype.$bus = new Vue() 在组件中（下面就称作组件1）通过$emit分发事件 this.$bus.$emit('imgLoad') 在另一组件中，（下面就称作组件2）通过$on来监听该组件分发出来的事件。 thi...
VUE 爬坑之旅-- eventBus 事件总线的基本使用和重复触发事件问题的解决
Alex_Zhao 的博客
05-11 1万+
在单页应用中，在 A 页面中触发事件，然后在 B 页面中对这个事件进行响应是一个很常见的需求，那么当有这种需求的时候要怎么实现呢。有两种方案可以实现： 1. 使用 vuex 状态管理，当触发事件时，改变 vuex 中的状态，然后在需要响应事件的地方用 watch 监听这个状态，当状态改变时，响应事件。 2. 使用 eventBus 事件总线，当触发事件时，发送一个通知出去，在需要响应的地方接收...
浅谈Vue.js 组件中的v-on绑定自定义事件理解
10-18
主要介绍了浅谈Vue.js 组件中的v-on绑定自定义事件理解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
深入浅析vue组件间事件传递
08-28
最近的工作需要用到vue，所以最近接触最多的就是vue，下面小编给大家介绍下vue组件间事件传递，需要的朋友参考下吧
Vue——eventBus使用，重复触发
where_slr的博客
09-19 1961
之前写项目中遇到使用eventBus，兄弟组件之间传值写了个简单的demo测试总结一下 新建了一个Bus import Vue from "vue"; export default new Vue(); Send组件： <template> <div> <div> 我是发送数据的页面</div> <div class="...
vue[(事件车eventBus)中央事件总线数据传递]
墨水白云的博客
04-16 1318
本质 中央事件总线(通俗讲就是：eventBus事件车)的实质就是创建一个vue实例，通过一个空的vue实例作为桥梁实现vue组件间的通信。它是实现非父子组件通信的一种解决方案。 作用 实现非父子组件之间的数据传递 使用方式 第一步：注册eventBus 最简单直接的方式就是在main.js中直接注册并且挂载一个空vue实例 如： main.js文件中如下： 注意要import Vue from...
vue 使用bus实现组件间（如：兄弟组件）传递事件
cbat的博客
07-08 940
例如兄弟组件A和组件B，B要调用A的某个事件 一、新建bus.js，并引用 /**bus.js**/ import Vue from 'vue' const bus = new Vue() export default bus bus.js我放在src/assets/utils路径下面 二、在B组件页面里 // 引入 bus.js import bus from '@/assets/utils/bus' // 通过$emit() 传递事件 bus.$emit('showTime') // showT
vue 中 Bus 重复调用的问题
weixin_30321709的博客
05-28 599
beforeDestroy() { //组件销毁前需要解绑事件。否则会出现重复触发事件的问题 this.$Bus.$off('navBtn'); }, 不然会重复调用超多次接口+11111111111111111111 转载于:https://www.cnblogs.com/baifubin/p/10937310.html...
Vue —— 全局事件总线（vc对象销毁前一定要把bus的事件解绑）
weixin_54966486的博客
03-11 1689
安装全局事件总线 main.js //创建vm new Vue({ el:'#app', render: h => h(App), //利用beforeCr钩子 beforeCreate(){ Vue.prototype.$bus = this //安装全局事件总线 } }) App.vue <script> methods:{ //勾选or取消勾选一个todo c..
vue2.0数据更新，重新渲染视图的三种方法
热门推荐
a646070718的博客
04-30 3万+
问题：利用v-for渲染数据，通过方法改变了数据，视图没有更新。原因：由于javascript的限制，Vue不能检测到以下变动的数组（如：objArr）：1.通过索引直接设置数组的某个值，this.objArr[index] = newValue;2.通过索引直接设置数组中对象的某个属性，this.objArr[index].pro = newValue;3.通过修改数组的长度，this.objA...
vue.js怎样移除绑定的点击事件？
周清城的博客
08-15 2万+
使用v-on:click绑定的事件如何移除？？？ 现在我的处理方式是: "flag && clickEvent()">p> 加上一个标志位来控制点击事件是否能触发. 也可以这样解决： 采用v-if解决： 点击 点击 然后在data里添加unbind=false属性，需要解绑的时候将其设置为true
vue遇到过的坑（父组件向输入框组件传值进去，然后子组件利用传进来的数据进行数据绑定的问题与解决方法）
limy_cxm的博客
06-20 1万+
vue.js一大特性是可以实现很多可复用的组件。 我做项目的时候，封装了一个输入框组件，然后页面上所有相同样式的地方都用这个组件来进行调用，刚开始以为实现起来很简单，作为一个vue刚刚学习的人来说，不就是写一个单组件，然后各个页面input的问题吗，可是实际当我在进行传值的时候遇到了问题，因为我们传值过程中，vue一向遵循的是数据耦合，不会去更改两者之间的数据，vue也提供了报错，但是在进行父组件
Vue事件总线（EventBus）使用详细介绍
i168wintop的博客
07-08 2万+
Vue事件总线（EventBus）使用详细介绍 前言 vue组件非常常见的有父子组件通信，兄弟组件通信。而父子组件通信就很简单，父组件会通过props向下传数据给子组件，当子组件有事情要告诉父组件时会通过$emit事件告诉父组件。今天就来说说如果两个页面没有任何引入和被引入关系，该如何通信了？ 如果咱们的应用程序不需要类似Vuex这样的库来处理组件之间的数据通信，就可以考虑Vue...
解决vue全局事件总线bus反复调用的问题
qq_40775604的博客
09-30 2124
全局定义的事件是不会跟随组件的生命周期函数进行状态改变的。切换路由时，如果不手动清除事件的话，它会注册多次，导致内部的函数也会被多次运行。
在Vue.js 中，event bus 是如何实现组件间数据共享的
最新发布
05-29
在 Vue.js 中，Event Bus 是一种用于在组件之间进行通信的模式，它可以实现组件间的数据共享。 Event Bus 是一个全局的 Vue 实例，它可以作为中央事件总线来传递事件和数据。可以使用 Vue 的 `prototype` 属性来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值