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-12-14
promise转await时小技巧
正如自然忌讳真空一样,人类是讨厌平等的。——《我是猫》 又是一个从技术推文找到的小技巧 此处将Promise函数传入,通过解构,获取到响应成功结果以及错误结果两个变量,语法简洁且便利
2025-02-26
JS的线程模型和事件循环机制
生命不是安排,而是追求。——弗吉尼亚·伍尔芙 从线程和浏览器底层执行的角度来看,JavaScript 的延迟/休眠功能是如何实现的呢? 线程模型和事件循环JavaScript 的执行环境(如浏览器或 Node.js)是单线程的,这意味着在任何给定的时间点,只有一个线程在执行 JavaScript 代码。为了管理并发操作,JavaScript 依赖于事件循环(Event Loop)。 事件循环事件循环是一个不断检查和处理消息队列的机制。它会执行以下步骤: 检查调用栈(Call Stack),如果调用栈为空,则继续。 检查消息队列(Message Queue),如果消息队列中有待处理的任务,则取出队首的任务并执行。 重复以上步骤。 宏任务和微任务在事件循环中,有两种类型的任务:宏任务(Macro Task)和微任务(Micro Task)。 宏任务:包括整体脚本执行、setTimeout、setInterval、setImmediate(Node.js)等。 微任务:包括 Promise 的回调、process.nextTick(Node.js)、Mutation...
2024-09-23
position-try-fallbacks
教育成功的秘密,在于尊重学生。——爱默生 昨天我们聊到了 position-try | 阿超 今天是它的拓展,我们通过@position-try定义移动到的位置,然后用position-try使用 语法例如: 12345678910@position-try --my-custom-position { position-area: top left; width: 50px;}.target { position: absolute; position-area: top right; position-try-fallbacks: --my-custom-position;} 我们这里还是用昨天的例子,定义一个 12345/* 定义自定义的 `position-try` 规则,用于小型目标元素的样式 */@position-try --compact-target { height: 40px; /* 高度设为40px */ margin: 0px; /* 没有边距 */} 然后我们使...
2024-12-01
skew
醉过才知酒浓,爱过才知情重。你不能做我的诗,正如我不能做你的梦。——胡适 https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform-function/skew CSS中的skew()函数:打造斜切效果在前端开发中,CSS transform属性为我们提供了强大的工具来操控元素的外观,而skew()函数正是其中一种常用的变换方式。本文将带你详细了解skew()的原理、用法以及它如何为你的网页增添设计灵感。 什么是skew()?skew()是一种 2D 变换函数,用于对元素进行斜切变换。简单来说,它会将元素沿着 X 轴或 Y 轴方向倾斜一定的角度,创造出一种动态的透视效果。它的应用场景广泛,包括按钮动画、卡片设计和图形变换等。 语法1transform: skew(ax, ay); ax:沿 X 轴的倾斜角度(可选,默认值为 0)。 ay:沿 Y 轴的倾斜角度(可选,默认值为 0)。 单位为角度(deg),也可以使用弧度(rad)或其他角度单位。 用法示例1. 基本应用 以下示例将一个矩形沿 X 轴倾斜 20...
2020-09-04
js学习之call和apply
贪玩蓝月真好玩,但学习还是要继续的 我们平时调用一个js函数是这样的 12345678910var ruben = { say: function (word) { if (this.name == null) { this.name = "ruben"; } return this.name + "说:" + word; }}var whatRubenSaid = ruben.say("做猪呢,最重要的是开心");console.log(whatRubenSaid); 输出结果 那么我们现在新创建一个对象 123var Achao = { name: "Achao"} 如果我们想在Achao里调用ruben里的say函数 我们就可以这样 12var whatAchaoSaid = ruben.say.call(Achao, &quo...
2022-01-07
byte二维码在img中展示
睡在哪里都是睡在黑夜里。——贾平凹《废都》 我们使用hutool的工具类生成二维码图片后,如果转为byte数组,返还给前端,我们要放入img中显示 12345@GetMapping("generateCode")@ResponseBodypublic byte[] generateCode() { return QrCodeUtil.generatePng("https://VampireAchao.github.io/", QrConfig.create().setImg(ImgUtil.getImage(URLUtil.url("/img/oss/2020-06-01/head.jpg"))));} 直接放到src是不行的,需要在前面加一个data:image/jpeg;base64, 最终变成这样 效果图:
