首页 > 数据库 >vue中beforedistory应用

vue中beforedistory应用

时间:2023-10-04 15:15:03浏览次数:44  
标签:触发 vue 然后 事件 应用 组件 时候 beforedistory

遇到一个问题,就是我在使用全局事件总线的时候发布了一个事件,然后在a组件里面这个时间会被触发一次,在b组件里面也会触发一次.这两个组件是平级组件不是嵌套组件.然后呢,在a组件触发完之后,我去了b组件,在b组件中触发相同时间的时候,a组件的逻辑和b组件的逻辑都执行了一次.
一开始我在想,他两都不在用一个组件里面,为啥我触发b的时候a也会执行,然后我验证一下,先触发a,b不会触发,先触发a,再触发b,这个时候a也会触发. 然后我就想,应该是这个时间没有$off关掉,导致了前者触发了,后者再触发的时候前者也跟着触发了. 为了解决这种情况,只有在组件销毁的时候将上一个事件解绑,这样在触发下一个事件的时候前一个事件就不会执行了. 在vue的boforedistory这个钩子中解绑是最好的.
然后,这个问题让我觉得,在vue中这个boforedistory钩子用的确实是少,但并不代表不会用到,存在即合理,他肯定有自己的用处才会存在.还是要对新自己不了解的事务保持一个特殊的心里状态,在需要的时候才会能够拿来使用

标签:触发,vue,然后,事件,应用,组件,时候,beforedistory
From: https://www.cnblogs.com/yourgrandfather/p/17742249.html

相关文章

  • 搭建Springboot+Vue+Element的简单系统流程
    今天研究了一下如何把Springboot+Mybatis和Vue+Element结合起来使用详细写一篇博客来记录一下流程吧,因为途中发现了很多的问题首先,创建Springboot项目,惯例添加依赖<?xmlversion="1.0"encoding="UTF-8"?><projectxmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="htt......
  • Commands and Queries 在 Angular 应用开发中的使用场合
    CommandsandQueries模式:优化前端状态管理的新范式在现代前端开发中,管理应用程序的状态是一项至关重要的任务。在大多数应用程序中,前端状态来自于后端系统的数据,同时还需要执行各种与后端相关的操作。传统的状态管理方法如Redux虽然强大,但对于处理来自API的状态数据需要大量的......
  • Vue扩展组件系列
    ---注意日期范围都是要日期/时间两种格式(date/datetime,默认值:date)1、日期范围快选【当前日期-7天,当前日期】近期三天、一个周、一个月、三个月、一年v-model= {FieldName:'CTime',FieldValue:[]} 2、快速筛选2截至日期【选择字段】+日期框v-model= {FieldNam......
  • flask应用程序配置
    flask中配置app的配置有几种方式,不同的场景适合用不同的方式。配置定义方式如下:(注意:这几种方式都时可以混用的)直接调用app.config来设置。app.config["SECRET_KEY"]="sjhiq1y198798su656s#$#$%"从类对象中加载配置文件(优先级高于app.config直接设置)app.config.from_ob......
  • flask蓝图(这玩意就是django的子应用)
    蓝图的概念类似django的子应用,作用就是分模块开发,有关联的都放在一起。蓝图的创建步骤:新建一个包(一个包就是一个模块、等同于一个子应用)在包的__init__.py中创建蓝图对象。蓝图对象所有的参数和功能与Flask()对象类似。见:user下的__init__.py和views.py在app中注册蓝......
  • C++ bitset 用法和应用
    C++的bitset在bitset头文件中,它是一种类似数组的结构,它的每一个元素只能是0或1,每个元素仅用1bit空间。下面是具体用法构造函数bitset常用构造函数有四种,如下bitset<4>bitset1;//无参构造,长度为4,默认每一位为0bitset<8>bitset2(12);//长度为8,二进制保存,前......
  • 05-独立按键的基本操作与扩展应用
    05-独立按键的基本操作与扩展应用在写代码前需做如下,否则独立按键无响应:由电路图可知:独立按键默认为高电平,当按键按下时为低电平即S7(P30)、S6(P31)、S5(P32)、S4(P33)当按下按键时,P3口对应低电平,松开后对应高电平,判断是否一直按下此时需要使用while(1)死循环,由于是按下点......
  • 大数据分析的实际应用:案例研究
    随着信息技术的快速发展,大数据分析已经成为各行各业的关键驱动力。通过大数据分析,企业能够从海量数据中提取洞察,并用于决策制定、产品改进和市场营销等各个方面。本文将通过一些实际案例来探讨大数据分析的实际应用,以及如何利用代码进行这些分析。案例1:零售业的销售预测在零售业,销......
  • vue3 使用 i18n
    安装官网:https://vue-i18n.intlify.dev/api/general.htmlpnpmaddvue-i18n@9使用//@/locale/index.tsimportappConfigfrom"@/configure/app.config.ts";import{nextTick}from'vue'importtype{Ref}from'vue'import{createI18n}......
  • 关于 HTML 元素是否能够正确响应用户点击事件的讨论
    已知两组HTML元素:<inputdisabled/>,<buttontabindex="0">,<button(click)="foo($event)"></button><divtabindex="0"></div>,<p(click)="foo($event)"></p><lirole=&......