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-11-21
css-tricks
站在上风的人衣冠要整洁,位在任上的人言行要谨慎,这才是政治家对天下的责任。——德富芦花 分享一个网站,这个网站有很多css小技巧 https://css-tricks.com/ 比如css实现颗粒噪声 又或是对于console的使用指引,例如console.clear()清除控制台 https://css-tricks.com/a-guide-to-console-commands/
2024-08-15
通过github api统计组织Star数
君子之学,博于外而尤贵精于内。——王廷相 文档如下: https://docs.github.com/zh/rest/orgs/orgs?apiVersion=2022-11-28 代码如下: 123456789101112const response = await fetch('https://api.github.com/orgs/dromara/repos?per_page=100&page=1'); if (!response.ok) { throw new Error(`Error fetching repos: ${response.statusText}`); } const repos = await response.json();console.log(repos)const list = repos.map(({name,stargazers_count})=>({name,stargazers_count}))console....
2021-07-25
uniapp阻止navigator冒泡
作为一个人,要是不经历过人世上的悲欢离合,不跟生活打过交手仗,就不可能懂得人生的意义。——杨朔 代码如下 1234567891011121314151617181920212223242526272829303132333435<template> <view> <view class="navigators"> <view class="parent-navigator" @tap="parentEvent()"> 上层,打印语句 <navigator class="child-navigator" url="/pages/test/test">内层,回到/pages/test/test页面</navigator> </view> </view> </view></template><script>export defau...
2023-08-16
vue-demi
事物都是互相妥协的。就是冰山也会时而消融,时而重新凝聚。——爱默生 分享一个vue库 https://github.com/vueuse/vue-demi 用来解决编写的代码在vue2和vue3之间的兼容问题 安装: 1npm i vue-demi 然后修改package.json,将vue 和@vue/composition-api添加到peerDependencies中 1234567891011121314151617{ "dependencies": { "vue-demi": "latest" }, "peerDependencies": { "@vue/composition-api": "^1.0.0-rc.1", "vue": "^2.0.0 || >=3.0.0" }, "peerDependenciesM...
2024-09-15
Vitest集成github action
精神上最好的避难所还是书本:它们既不会忘了你,也不会欺骗你。——罗曼·罗兰 我们已经知道vitest是一个很好用的单元测试框架,我们今天聊一下如何在github action集成vitest 首先我们创建项目 1234567891011121314151617181920212223242526272829303132333435363738394041424344Last login: Mon Sep 9 16:43:09 on ttys004 The default interactive shell is now zsh.To update your account to use zsh, please run `chsh -s /bin/zsh`.For more details, please visit https://support.apple.com/kb/HT208050.Github-Id-VampireAchao:streampark achao$ cd /Users/achao/IdeaProjects/simple-vitest# 安装vitest...
2026-01-24
remotion
不要老叹息过去,它是不再回来的;要明智地改善现在。要以不忧不惧的坚决意志投入扑朔迷离的未来。——朗费罗 Remotion:用 React“写”视频的开发者框架你可能已经习惯用 React 搭页面、用三方库做动画,但有没有想过——用 React 直接“写”视频?Remotion 的答案是肯定的。它把我们熟悉的 Web 技术栈转换成视频生成的能力:用 JSX 描述画面、用 CSS/Canvas/SVG/WebGL 进行布局与渲染、用编程逻辑与算法叠加效果,然后“程序化地”输出成视频。 仓库:remotion-dev/remotion 官方站点与文档:remotion.dev · remotion.dev/docs · API 快速开始:npx create-video@latest 许可证提示:Remotion 有特殊许可规则,部分使用情形需企业许可,详见仓库内 LICENSE.md 为什么用 React 来“写”视频Remotion 的 README 讲得很清楚: Leverage Web Technologies直接调...
