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

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

相关推荐
2021-11-09
让link标签失效
此岸永远是残缺的,否则彼岸就要塌陷。——史铁生 一直有小伙伴吐槽我的博客太花哨了,想让我加个隐藏主题功能,于是我就加了一个 这里用到了jquery选择带对应属性的标签 我这里是让引入style.css的link标签失效了 关键代码如下: 隐藏 12<!-- 选中head节点,找到href属性为'/css/style.css'的link标签,添加属性disabled为disabled -->$("head").children("link[href='/css/style.css']").attr('disabled', 'disabled') 显示: 12<!-- 移除该属性 -->$("head").children("link[href='/css/style.css']").removeAttr('disabled')
2025-08-26
fabricjs
没有比脚更长的路,没有比人更高的山。――汪国真《山高路远》 Fabric.js:浏览器里的 Canvas 超级引擎 —— 让前端图形开发极致自由在现代网页开发中,图形和可视化已成为用户体验的关键一环。无论是在线图片编辑、白板、流程图、交互动画,还是数据可视化,HTML5 Canvas 都是前端开发者的“画布”。但原生 Canvas API 虽强,却略显底层、开发门槛高。你是否想在浏览器里拥有类似 Photoshop、PowerPoint 的自由拖拽、变形、分组、交互体验?如果答案是 YES,那你不能错过 Fabric.js —— 这个让前端图形开发“飞起来”的开源超级引擎! 一、项目简介Fabric.js 是一个功能强大的 Javascript Canvas 库,专为现代浏览器设计,能让开发者用极少代码实现复杂的图形对象创建、编辑、管理与交互。它不仅支持 Canvas 的全部绘图能力,还提供了对象化管理、序列化、事件监听、自由变形等高级功能,成为前端图形应用的“事实标准”。 项目地址:https://github.com/fabricjs/fabric.js 官网演示:h...
2025-02-11
expo
谁终将声震人间,必长久深自缄默;谁终将点燃闪电,必长久如云漂泊。——尼采 https://docs.expo.dev/https://github.com/expo/expo Expo 是一个开源平台,旨在帮助开发者构建可以在 Android、iOS 和 Web 上运行的通用原生应用。通过结合使用 React 和 JavaScript,开发者可以在一个统一的环境中构建跨平台的应用,而不需要切换不同的技术栈。Expo 的核心优势之一就是它提供了一个完整的 SDK、模块 API、CLI 工具以及丰富的文档,极大简化了跨平台开发过程。 Expo 不仅支持快速开发,还通过其独特的功能和服务帮助开发者将应用构建、发布和迭代过程变得更加高效。例如,Expo 应用服务 (EAS) 提供了一套集成的服务平台,能够帮助开发者在个人或团队环境中更轻松地管理和发布应用。 Expo 生态Expo 提供了一个强大的生态系统,包括多个模块和工具,使得从开发到部署的每一步都能得到充分的支持。除了基础的功能开发之外,Expo 还包含了与 EAS 深度集成的服务,帮助用户自动化构建、分发和发布应用。这意味着你...
2021-02-14
uniapp实现简单登录注册
生活的情况越艰难,我越感到自己更坚强,甚而也更聪明。——高尔基 首先去uniapp官网 可以看到介绍 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 DCloud公司拥有600万开发者用户,几十万应用案例、12亿手机端月活用户,数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app(详见),腾讯课堂官方为uni-app录制培训课程(详见),开发者可以放心选择。 uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。 首先我们去下载官方IDE——HBuilderX 解压 启动IDE——HBuilderX.exe 我们点击文件->新建-...
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...
2022-04-04
vercel
请给我勇气和欢愉,我要攀登这一天的顶峰。——博尔赫斯 vercel可以快速开发前端网站然后一键部署 网址:https://vercel.com/ 进来后我们登陆了可以看到控制台,创建一个应用 我这里选择一个nuxt.js的模板,点击create 我们的代码就已经自动clone到我们的github仓库中了 此时开始了自动部署 在一阵烟花特效后,点击Go to Dashboard可以回到控制台 进入我们的应用 点击visit即可访问 完成

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