vue自定义事件,解绑自定义事件
创始人
2025-06-01 00:37:05

js中的事件是给html用的,自定义事件是给组件使用的!

绑定 一个自定义事件实现子给父传递数据!
在这里插入图片描述

在App里面,给他的实例对象绑定了一个事件,只要事件被触发,这个demo就会被调用,这个demo是写在App的methods里面的!!!!

1.那么如何触发呢?

给谁绑定的找谁触发

在这里插入图片描述
用$emit,注意,千万别写错了,写成了这里emit后面的参数必须对应上app里面的名字。

2.如果要加上参数怎么办?

在这里插入图片描述

在这里插入图片描述

在后面将数据传输过去就是了!这种方式和最原始的相比,我们不需要传入到props中

也可以这么写实现同样的效果:

在这里插入图片描述

我们写ref就能拿到这个组件的实例对象,写一个钩子mounted,当挂在完毕的时候。mounted写在哪个组件里面就是哪个挂载完毕,这里写在了App里面就是当App挂载完毕的时候,通过下面这方法拿到

在这里插入图片描述

这种方法更加灵活,可以干更多的事情,比如说:

在这里插入图片描述
等三秒再上

也可以设置,让自定义事件触发一次后就不再触发了

3.传递形参怎么办?

直接跟着后面写在这里插入图片描述

或者

在这里插入图片描述
第一个形参是name,其他放在a中,解构赋值!!!


解绑自定义事件

解绑一个自定义事件!
在这里插入图片描述

解绑多个自定义事件

在这里插入图片描述
上面的写法是解绑数组里面的事件,下面是解绑所有的自定义事件!!!!!

销毁后所有的自定义事件都不能用了,但是原生事件不受印象!


注意点

1.我们通过ref的方式来传递的时候,这个地方的this并不是app中的this,而是student中的this!!

在这里插入图片描述
这里的this不是app里面的this,而是student里面的this,所以不能给data里面的数据赋值

那么如何解决

1.1写成箭头函数!!!

在这里插入图片描述
2.2再写一个同名普通函数,写在这个methods里面

vue规定

在这里插入图片描述
红色框里面的this就是指向app


2.组件绑定原生事件

在这里插入图片描述
这么写会被当做是自定义组件,那么我们要这么写??

在这里插入图片描述

加一个.native!!!


总结:

在这里插入图片描述

相关内容

热门资讯

柳州城建10亿中期票据6月12... 公司动态 6月3日,广西柳州市城市建设投资发展集团有限公司(以下简称“柳州城建”)发布2024年度...
恒宝股份有限公司股票交易异常波... 本公司及董事会全体成员保证公告内容的真实、准确和完整,不存在虚假记载、误导性陈述或者重大遗漏。 一、...
深夜,利好!全线爆发! 深夜大... 超级赛道再迎利好催化。今晚,美股核能概念股全线爆发,Nuscale Power盘初一度大涨超13%,...
高晓峰:6.3全球市场震荡!美... 高晓峰:6.3全球市场震荡!美元与黄金‘跷跷板’效应再显威力 成功的交易者,要深深了解到事物的发展是...
蒙草生态涨4.60%,成交额3... 6月3日,蒙草生态涨4.60%,成交额3.29亿元,换手率5.65%,总市值69.30亿元。 异动分...
涉亲属账户短线交易!超20家A... 多地证监局加大对短线交易的打击力度,披露多起涉及短线交易的罚单,其中多位公司大股东、董监高人员因短线...
张雪峰从互联网“消失”,是迟早... 作者 |暴雨6月2日,“张雪峰自曝可能告别直播”话题冲上热搜。他的原话这样说:“干我这个行当不容易的...
50亿美元大单提前预告,石药集... 出品|达摩财经即将签下50亿美元大单,石药集团(1093.HK)股价随之上涨。5月30日,石药集团发...
6月3日这些公告有看头 6月3... 2025.06.036月3日晚间,沪深两市多家上市公司发布公告,以下是第一财经对一些重要公告的汇总,...
碧桂园地产集团10亿股权被冻结... 爱企查App显示,近日,碧桂园地产集团有限公司新增一条股权冻结信息,股权所在企业为深圳市碧桂园房地产...
碧桂园地产集团10亿股权被冻结... 爱企查App显示,近日,碧桂园地产集团有限公司新增一条股权冻结信息,股权所在企业为深圳市碧桂园房地产...
雷军称小米汽车芯片很快推出,马... 今天是6月3日 农历五月初八 世超这几天 一直说要减肥 搞了一箱代餐饮料当饭喝 结果我今天发现 他喝...
上交所最新上市发审动态揭保荐机... 导读:在这份《最新审核动态》,上交所也按照惯例通报了在IPO审核过程中发现带病闯关上市的两大监管案例...
股票行情快报:XD永吉股(60... 证券之星消息,截至2025年6月3日收盘,XD永吉股(603058)报收于7.92元,上涨1.15%...
“稳定币”概念股暴涨背后:三重... 本报(chinatimes.net.cn)记者卢梦雪 北京报道 美国《GENIUS法案》通过,香港《...
稳定币突然爆火,对我们有啥影响... 节前,其实有一件大事发生。那就是,香港政府在宪报上刊登了《稳定币条例》。《稳定币条例》正式成为法例,...
“童装第一股”五年亏掉5亿,深... 来源 | 深蓝财经撰文 | 杨波“童装第一股”,安奈儿的老板这回真不想干了。6月3日,安奈儿刊发关于...
成都天府机场外一辆新能源车着火... 来源 | TcehWire6月3日上午,有多位网友发视频称,四川成都天府机场T2航站楼外道路上一辆新...
三四千家都在卖?零公里二手车是... 说起最近的汽车市场,相信一个很神奇的名词突然爆火,这就是零公里二手车,零公里和二手车这两个看上去完全...
一年融资三轮,这家半导体公司获... 5月,证监会官网新增披露17家企业进行IPO辅导备案。至此,2025年新增披露123家企业辅导备案。...
有个股收益率突破2000%!港... 2025.06.03本文字数:2443,阅读时长大约5分钟作者 |第一财经 王方然"叮!"——一声信...
原创 特... 近期,美国联邦巡回上诉法院批准恢复执行特朗普的关税政策,这一消息瞬间吸引全球目光,再次将特朗普的关税...
布局无尽能源:这7家能源公司正... 中核集团透露,近日,新一代人造太阳“中国环流三号”实现百万安培亿度H模,即同时实现等离子体电流100...
全球及中国2MHz核磁共振岩芯... 全球及中国2MHz核磁共振岩芯分析仪行业动态规划及投资机遇调研报告2025-2031年 【全新修订...
李在明出口民调大幅领先 新总统... 新华社首尔6月3日电 韩国第21届总统选举3日正式投票。根据三大电视台在投票结束后公布的联合出口民调...
中国太保发布500亿战新并购基... 6月3日,中国太保正式发布总规模500亿元的太保战新并购基金与私募证券投资基金。上海市委常委、常务副...
6月4日A股投资避雷针︱电声股... 电声股份股东赏睿集团、曾俊、周晓露拟减持合计不超5%股份;博深股份董事陈怀荣拟减持不超1.38%股份...
年初以来上涨8.3%!渣打人民... 6月3日,渣打人民币环球指数(RGI)最新报告显示,该指数2025年前4月连续上行,升至八个月以来高...
董宇辉首次与省委书记互动,意义... 成为“老板”不到一年的董宇辉,和政界的互动达到了新高度。据《广西日报》报道,6月3日,广西壮族自治区...
21 深度丨国投证券高层再变阵... 21世纪经济报道记者李域 深圳报道国投证券高层人事变动还在持续。近日,五矿集团官网最新信息显示,原国...