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-12-08
nvue中list组件下拉刷新后无法上拉加载更多
倘能生存,我当然仍要学习。——鲁迅 组件官网地址:https://uniapp.dcloud.io/component/list 今天在使用list组件时,发现下拉刷新一次后,就不能上拉加载更多了 最后发现官方文档: loadmore 事件 如果列表滚动到底部将会立即触发这个事件,你可以在这个事件的处理函数中加载下一页的列表项。 如果未触发,请检查是否设置了loadmoreoffset的值,建议此值设置大于0 如何重置 loadmore 1234567891011121314151617181920212223<template> <list ref="list"> <cell v-for="num in lists"> <text>{{num}}</text> </cell> </list></template><script> export defaul...
2021-10-25
箭头函数和解构赋值混用
一个人的礼貌是一面照出他的肖像的镜子。——歌德 我们在前端对数组进行操作时,如果使用map函数,编写的箭头函数其实也是可以解构的 例如经常遇到的,将一个对象数组中的属性,更换另一个属性名,用于给vue组件传值 写法如下: 1[{name:'achao',id:1},{name:'阿超',id:2}].map(({name:username,id:userId})=>({username,userId})) 注意的是,结构赋值需要打括号,下方再举一个例子,这里用flatMap收集全部的name和id直接变为一个数组 1[{name:'achao',id:1},{name:'阿超',id:2}].flatMap(({name,id})=>[name,id])
2021-12-20
typescript快速入门
在原则产问题上,要坚定如磐石;在兴趣问题上,则要顺应潮流。——美国 官方文档:https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html 中文文档:https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html 下载VScode:https://visualstudio.microsoft.com/zh-hans/ 安装后打开 新建文件 选择语言 写下代码 1234567function greeter(person) { return "Hello, " + person;}let user = "Jane User";document.body.innerHTML = greeter(user); 顺手安个中文 重启后,我们打开控制台 然后安装typescript 1cnpm install -g typescript 编译ts文件: 1...
2022-07-11
vue3组合式api
自由自由,多少罪恶假汝之名以行。——罗兰夫人 这个思想上有点类似流程控制框架,将一个组件中的多个关注点分离、抽取,然后能进一步复用、编排 官方文档:https://v3.cn.vuejs.org/guide/composition-api-introduction.html#%E4%BB%8B%E7%BB%8D 使用上来讲,就是编写的api方式变了,举个例子: 下面是我实际写的一个小组件 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657<script lang="tsx">interface Props { msg: string; msgModifiers: { [key: string]: boolean; };}import { computed, onMounted, ref, Ref, toRefs, watch,...
2026-09-30
cypress
盛年不重来,一日难再晨。及时宜自勉,岁月不待人。——陶渊明 Cypress:当浏览器里的测试,终于跟上 Web 的进化项目地址:https://github.com/cypress-io/cypress Web 一直在变化。 页面不再只是静态文档,交互越来越密集,界面状态越来越丰富,浏览器里的每一次点击、输入、跳转与渲染,都可能牵动一段真实的业务流程。测试也不能再停留在遥远的外围,隔着一层层抽象猜测浏览器里究竟发生了什么。 Cypress 的态度很直接: Web 已经进化,测试也终于该进化了。 它是一套面向一切运行在浏览器中的内容而打造的测试工具,强调快速、易用与可靠。它不把测试描述成一项沉重的附属工作,而是让测试走进日常开发节奏,成为浏览器应用构建过程中的自然一环。 测试,不该总是最后才出现一个浏览器应用从来不只是代码文件的集合。 它有页面,有交互,有输入框,有按钮,有加载状态,也有用户真正会经历的流程。开发者写下的逻辑最终要进入浏览器,被真实地运行、展示、触发和验证。 因此,浏览器测试的意义并不只是确认某段代码能否执行,而是关注应用在浏览器环境中是否真的按预期工作。 ...
2024-11-11
HBuilderX运行到iOS真机
人生的光荣,不在永不失败,而在于能够屡扑屡起。——拿破仑 直接选择运行——运行到手机或模拟器——运行到iOS APP基座 这里使用标准基座运行需要使用Apple证书签名 点开有四个配置项 Bundle ID(AppID)——是自己设置的 这个可以是包名,我们到Identifiers里新建一个,Bundle ID(AppID)填写我们的包名即可 https://developer.apple.com/account/resources/identifiers/list 证书私钥密码——是自己设置的 我们在mac上打开钥匙串访问,左上角菜单栏点击钥匙串访问 选择证书助理——使用"chao a"从证书颁发机构请求证书 然后填写自己设置的密码 此处还生成一个文件CertificateSigningRequest.certSigningRequest 证书profile文件: 在Profiles新建后下载得到robotrobot.mobileprovision,我们在HBuilderX选这个文件即可 https://developer.apple.com/accou...

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