event
发表于|更新于
|浏览量:
有信仰的人不会孤独。——阿列克谢耶维奇
vue官方文档有介绍$event
我们在开发中经常这么写来获取事件
1 | <div class="trigger-me" @click="triggerMe">点我触发</div> |
方法:
1 | methods: { |
然后调用一下

可以看到打印出了事件,如果我们需要传入其他参数,就可以使用$event了
1 | <div class="trigger-me" @click="triggerMe($event, 'ruben')">点我触发</div> |
再次触发:

相关推荐
2022-04-07
setState异步问题
若人间有情,那是开始,也是尽头。——北岛怀念顾城 今天使用react中setState后立马从state中获取,然后使用,发现时灵时不灵的,我立马意识到setState可能是异步的,翻看官方文档,果然: 调用 setState 其实是异步的 —— 不要指望在调用 setState 之后,this.state 会立即映射为新的值。如果你需要基于当前的 state 来计算出新的值,那你应该传递一个函数,而不是一个对象(详情见下文)。 代码不会像预期那样运行的示例: 123456789101112131415161718incrementCount() { // 注意:这样 *不会* 像预期的那样工作。 this.setState({count: this.state.count + 1});}handleSomething() { // 假设 `this.state.count` 从 0 开始。 this.incrementCount(); this.incrementCount(); this.incrementC...
2023-02-05
pinia
天时不如地利,地利不如人和——孟子 分享一个Vuex的同类型vue状态管理框架:Pinia 中文文档:https://pinia.web3doc.top/ 它的Demo:https://stackblitz.com/github/piniajs/example-vue-3-vite?file=README.md 相比于Vuex:https://pinia.web3doc.top/introduction.html#%E4%B8%8E-vuex-%E7%9A%84%E6%AF%94%E8%BE%83 Pinia 提供了一个更简单的 API,具有更少的规范,提供了 Composition-API 风格的 API,最重要的是,在与 TypeScript 一起使用时具有可靠的类型推断支持。
2025-05-08
NoHttp
在创作家的事业中,每一步都要深思而后行,而不是盲目瞎碰。 —— 米丘林 https://github.com/yanzhenjie/NoHttp NoHttp:为 Android 提供高效 HTTP 协议支持的框架在 Android 应用开发中,网络请求是不可或缺的一部分。虽然 Android 提供了基本的网络请求工具(如 HttpURLConnection 和 OkHttp),但它们的使用复杂性较高。NoHttp 是一个轻量级的 HTTP 框架,旨在简化网络请求的实现,同时提供丰富的功能和灵活性。 什么是 NoHttp?NoHttp 是一个为 Android 平台设计的网络请求框架,支持标准的 HTTP 协议,并提供多种缓存模式。它的底层架构允许动态切换不同的网络请求实现,如 OkHttp 和 HttpURLConnection,从而为开发者提供了高效且灵活的网络请求解决方案。 核心特点: 支持多种缓存模式:包括不缓存、仅缓存、网络优先等模式。 动态底层切换:可以在 OkHttp 和 HttpURLConnection 之间自由切换。 轻量级:专为 Android 设计,...
2024-03-09
订单确认按钮动画
志向不过是记忆的奴隶,生气勃勃地降生,但却很难成长。——莎士比亚 源码地址 https://codepen.io/aaroniker/details/eYOVrNa 非常炫酷的按钮效果,让人眼前一亮 主要都是靠css实现的 pug代码: 12345678910111213button(class='order') span(class='default') Complete Order span(class='success') Order Placed svg(viewbox='0 0 12 10') polyline(points='1.5 6 4.5 9 10.5 1') div(class='box') div(class='truck') div(class='back') div(class='front') div(class='...
2022-02-05
标签模板
不慕古,不留今,与时变,与俗化。——《管子·正世》 按照阮一峰ES6入门中写到的 我们可以使用函数名+模板字符串写法来调用函数,例如: 定义这样一个函数 123function templateFun(arguments){ return `Hello ${arguments[0]}!`} 这里简单用模板字符串,返回Hello +参数数组第一项元素+! 我们普通调用写法: 1templateFun(['Ruben']) 输出'Hello Ruben!' 我们如果使用标签模板,写法如下: 1templateFun`Ruben` 如果其中有变量,则会进行剥离拆分,我们对函数稍加修改,参数改为可变参数 12345function templateFun(...arguments){ console.log(arguments) return `Hello ${arguments}!`}templateFun`Ruben${'...
2025-03-31
pakku.js
不同孕育仇恨。——司汤达《红与黑》 介绍 pakku.js:拯救 B 站的弹幕体验最近,我发现了一个非常有趣的开源项目——pakku.js。这个项目由 xmcp 开发,旨在提升 B 站(Bilibili)的弹幕体验。今天,我将为大家详细介绍一下这个项目的特点和使用方法。 项目概述pakku.js 是一个用于优化 B 站弹幕体验的浏览器扩展。项目自 2017 年 2 月 28 日创建以来,已经获得了 2243 个星标和 78 个 forks,显示了其在社区中的受欢迎程度。项目使用 TypeScript 编写,并且遵循 GNU General Public License v3.0,确保其免费和开源。 项目特点 提升弹幕体验:pakku.js 提供了丰富的弹幕过滤和优化功能,帮助用户屏蔽无意义的弹幕,提升观看体验。 开源项目:作为一个开源项目,pakku.js 拥有庞大的社区支持,用户可以在 GitHub 上交流经验、分享心得。 多平台支持:pakku.js 作为浏览器扩展,可以在多个平台上使用,包括 Chrome 和 Firefox。 简单易用:pakku.js 提供了简单易用...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog