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-08-08
乾坤
生如夏花之绚烂,死如秋叶之静美。——泰戈尔《生如夏花》 分享一个微前端框架乾坤:https://qiankun.umijs.org/zh github:https://github.com/umijs/qiankun 快速开始:https://qiankun.umijs.org/zh/guide/getting-started 快速上手主应用1. 安装 qiankun1$ yarn add qiankun # 或者 npm i qiankun -S 2. 在主应用中注册微应用123import { registerMicroApps, start } from 'qiankun';registerMicroApps([ { name: 'react app', // app name registered entry: '//localhost:7100', container: '#yourContainer', activeRule...
2024-10-08
深入理解 JavaScript 异步
美丽的姿态胜过美丽的脸孔,美丽的行为胜过美丽的姿态。——爱默生 学习js异步可以看这个 https://github.com/wangfupeng1988/js-async-tutorial 2014年秋季写完了《深入理解javascript原型和闭包系列》,已经帮助过很多人走出了 js 原型、作用域、闭包的困惑,至今仍能经常受到好评的留言。 很早之前我就总结了JS三座大山这个概念(虽然没有到处宣扬),前两座(原型、作用域)已经基本讲明白,而第三座(异步)也应该做一个总结。 于是,2017年初春,我花费大约一周的业余时间来对 JS 异步做一个完整的总结,和各位同学共勉共进步! 目录part1 基础部分 什么是异步 异步和 event-loop 事件绑定算不算异步? part2 jQuery的解决方案 jQuery-1.5 之后的 ajax jQuery deferred jQuery promise part3 ES6-Promise Promise 加入 ES6 标准 Promise 在 ES6 中的具体应用 对标一下 Promise/A+ 规范 Pro...
2023-05-22
officegen
以权利合者,权利尽而交疏。——《史记》 如果我们需要使用js来编辑word、excel、powerpoint 可以使用这个开源项目:https://github.com/Ziv-Barber/officegen 可以让我们在html中进行编辑 安装使用: 1$ npm install officegen ppt例子: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354const officegen = require('officegen')const fs = require('fs')// Create an empty PowerPoint object:let pptx = officegen('pptx')// Let's add a title slide:let slide = pptx.makeTitleSlide('Officeg...
2022-10-08
vue-cropper
青春是一种持续的陶醉,是理智的狂热。——拉罗什富科 分享一个vue图片裁剪组件 官网:https://github.xyxiao.cn/vue-cropper/ 演示demo:http://github.xyxiao.cn/vue-cropper/example/ 还是很不错的 1. 安装1234# npm 安装npm install vue-cropper# yarn 安装yarn add vue-cropper 如果你没有使用 npm 在线例子vue-cropper + vue.2x 在线例子vue-cropper@next + vue.3x 服务器渲染 nuxt 解决方案 设置为 ssr: false 1234567891011module.exports = { ... build: { vendor: [ 'vue-cropper ... plugins: [ { src: '~/plugins/vue-cropper', ssr: false } ...
2020-06-05
前端传递参数后端接收不到的坑
前两天跟小伙伴一起做项目的时候遇到一个问题 我们前端同志传递过来的参数无论如何也接收不到,debug发现根本没有传进来,而前端明明传了 后来在哥们儿的帮助下发现原来是参数名的问题…. 用的是代码生成器,生成的javabean的属性名是这样的uname 而生成的getter/setter方法名是这样的… 123456789101112131415161718/** * 获取活动名称 * * @return 活动名称 */public String getEName() { return this.eName;}/** * 设置活动名称 * * @param eName * 活动名称 */public void setEName(String eName) { this.eName = eName;} 直接导致参数接收不到 解决办法是用 12345@PostMapping("/event/add")public AjaxJson addEvent(@RequestBody Map...
2024-01-08
tianai-captcha
笑长命,哭生病。——佚名 分享一个验证码库 在线体验http://captcha.tianai.cloud 使用方式http://doc.captcha.tianai.cloud 源码地址https://gitee.com/dromara/tianai-captcha https://github.com/dromara/tianai-captcha tianai-captcha简称tac,是一款集成滑动类、点选类的一款行为验证码,以使用简单、安全性强、界面美观、接入方便而,是为集好看、功能多、安全性强的一款开源行为验证码工具。 今天tianai-captcha加入dromara,热烈欢迎

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