vue 自定义事件 解绑

最新推荐文章于 2024-10-19 10:30:00 发布
原创 最新推荐文章于 2024-10-19 10:30:00 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue

既然不用的话就解绑

对于绑的谁就去谁那进行触发,解绑则也一样,去找它解绑

在student组件里,this.$off('自定义事件名')但这适用于一个自定义事件的解绑

解绑多个事件this.$off(['','','']) 多个则需要在里面使用数组的形式,把多个事件名给包裹起来

 

还有一种就是进行全部解绑

 当时在生命周期销毁的时候,说绿色框时,原生的dom事件能用,因为此时,只销毁了自定义事件也就是这边说的移除事件监听并不是移除原生事的监听而是自定义事件

销毁后,组件和组件的自定义事件就销毁了但是原生还是存在,也就是click还存在

 

 

 

vue中组件的自定义事件（详）
蜗牛~~
11-01 1万+
今天这篇文章，让你彻底学会组件自定义事件…… 我们在vue中用的click、keyup……等事件，这些属于内置事件，也就是js自带的事件。 问题一：什么是组件自定义事件呢？ 自定义事件，顾名思义就是自己打造的事件，包含事件名，事件回调等，定义好之后去给组件使用。而内置事件是给html元素用的，比如span、div等标签，不是组件。 也是一种组件间的通信方式，适用于子组件==>父组件。这里我们通过传值去讲述自定义事件如何使用。 问题二：如何实现子组件给父组件传值？ （1）复习一下props父
vue自定义事件，解绑自定义事件
qq_52563729的博客
03-21 684
自定义事件
Vue2&3组件自定义事件 和 解绑事件
weixin_47957908的博客
11-12 1211
功能：父组件绑定数据，子组件触发事件。（父绑子触发）
Vue优化:常见会导致内存泄漏问题及优化详解
01-21
如果你在用 Vue 开发应用，那么就要当心内存泄漏的问题。这个问题在单页应用 (SPA) 中尤为重要，因为在 SPA 的设计中，用户使用它时是不需要刷新浏览器的，所以 JavaScript 应用需要自行清理组件来确保垃圾回收以预期的方式生效。因此在vue开发过程中，你需要时刻警惕内存泄漏的问题，这些内存泄漏往往会发生在使用 Vue 之外的其它进行 DOM 操作的三方库时，请确保测试应用的内存泄漏问题并在适当的时机做必要的组件清理。 下面是我开发过程中遇到，并查资料总结的内存泄漏问题，会持续更新中 一、vue自定义指令给元素绑定事件，却没有解绑事件 这个问题见上篇博客，vue自定义指令导致的内存
vue之组件自定义事件_解绑
yuanwen52的博客
09-16 698
1、this.$off('a') // 解绑一个事件 2、this.$off(['a','b']) // 同时解绑a 和 b两个事件 3、this.$off() 解绑所有事件
Vue 自定义事件绑定与解绑
qq_40792800的博客
08-02 1487
8 、注意：通过 this.$refs.xxx.$on( 'xxx' , callback )，绑定自定义事件时，callback 回调要么配置在 mtenods 中，要么使用箭头函数，否则 this 指向存在问题( 因为 callback 函数接收的参数都是从子组件中传递的，包括 this也是，如果使用 function () {} 函数，则该函数内部 this 指向子组件 )该钩子被调用后，对应 Vue 实例的所有指令都被解绑，所有的事件监听器被移除，所有的子实例也都被销毁。
知识篇：（十三）Vue 自定义事件详解：绑定、解绑与事件触发，轻松搞定父子组件通信！
最新发布
一名热衷于技术的全栈开发者，专注于前端与后端的全面技术探索。在这里，我将分享我在技术领域的学习与成长，助力更多开发者的进步。
10-19 780
Vue 的自定义事件其实就是组件间的小喇叭！你可以想象，子组件有话要对父组件说，但它不会直接喊“爸爸听我说！”，而是用$emit触发个自定义事件，相当于喊了一嗓子：“爸爸，我有事说！而父组件只要监听这嗓子（通过v-on或$on），就能立刻接收到消息。多么温馨的场景，vue一家子其乐融融！自定义事件最常见的场景就是子组件向父组件发送信息，但其实，你也可以用它来干很多别的事情，比如给其他兄弟姐妹组件发消息、处理某些全局事件等等。它灵活得很，不怕你用不到，只怕你没想到。$emit。
vue3自定义事件解绑
05-27
在Vue3中，可以使用`emits`选项来声明组件所支持的自定义事件，并且可以使用`$off`方法来解绑自定义事件。 假设我们有一个自定义事件`my-event`，它在组件中被触发和监听。我们可以在组件的`emits`选项中声明该事件...
vue自定义指令实现方法详解
10-17
Vue自定义指令提供了一种灵活的方式来扩展Vue的默认功能，使得我们可以更精确地控制DOM操作。通过定义不同的钩子函数，我们可以实现各种复杂逻辑，如事件监听、动画效果、DOM操作等。理解并掌握自定义指令的使用，...
Vue57-组件的自定义事件_解绑
qq_31532983的博客
06-17 479
解绑自定义事件，销毁vm和销毁vc对自定义事件的影响
解绑自定义事件
qq_52200979的博客
04-22 143
this.$off("xxx")解绑xxx自定义事件，但只能解绑一个， 解绑多个里面是个数组形式this.$off(["xxx","yyy"]) 解绑全部事件this.$off()里面不传，有多少解绑多少
Vue组件自定义事件传递(绑定、解绑)
zzang的博客
07-15 627
父组件: <div> <!-- <val v-on:chang="demo"></val> --> <!-- 简写 --> <!-- <val @chang="demo"></val> --> <!-- 通过ref传事件 灵活性更高 --> <val ref="valref"></val> </div>
Vue-组件自定义事件(绑定和解绑)
见证自己学习,成长的记录
06-22 1962
一种组件间通信的方式，适用于任意组件间通信安装全局事件总线：new Vue({......Vue.prototype.$bus = this //安装全局事件总线，$bus就是当前应用的vm},......})接收数据：A组件想接收数据，则在A组件中给$bus绑定自定义事件，事件的回调留在A组件自身。methods(){......提供数据：his.busbus.busemit(‘xxxx’,数据)
十、【VUE-CLI】组件的自定义事件（待办事项案例 · 第三版）
天行健，君子以自强不息
08-04 323
组件的自定义事件
Vue-组件自定义事件-绑定-解绑
qq_67801847的博客
08-12 1564
第一种：通过函数式，在夫中给子标签传入一个函数式，并在父的methods中创建，然后在子函数中接受，并再创建methods在子中调用。在app.vue给子标签绑定事件（v-on:自定义名称）,然后在子组件中通过函数调用。：this.$off(【】) (适用于解绑多个) / this.$off() 所有全部解绑。this.refs.组件名称.$on('自定义事件',回调函数)第三种：通过ref属性绑定，然后在钩子函数中调用(更加灵活)this.$off('自定义名称')...
自定义事件以及解绑
yh_31的博客
12-16 181
【代码】自定义事件以及解绑。
vue自定义事件
小钢炮的博客
10-19 893
01 vue中自定义指令 vue指令 // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.focus() } }) 02 标准浏览器自定义事件触发方法 w3 Event对象 document.creat...
Vue 事件绑定与解绑
m0_60273757的博客
03-05 3820
总的来讲，v-on比$ref更加简单，但是$ref更加更加灵活。不局限于函数中而是可以分布在各个位置。
vue-组件的自定义事件
m0_64081601的博客
03-22 2923
假如子组件是Demo，父组件是app，子组件已经在父组件中被引用了,例如要给demo绑定一个hello自定义事件,在A中事件的回调是updatethis.$off('绑定的事件名’）在父组件使用组件实例对象身上的$off进行解绑若解绑多个事件，则使用数组包裹，如果不传参数，所有的自定义事件都解绑若想让自定义事件只能触发一次，可以使用once修饰符，或者$.once方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值