当前位置: 首页 > article >正文

【Uniapp-Vue3】原生事件监听及组件内置事件处理

如果我们想给元素添加一个事件就要使用到v-on,也可以简写为@:

<标签名 v-on:事件名="函数"></标签名>

或简写为

<标签名 @事件名="函数"></标签名>

 比如我们想要实现点击一下元素,num就+1,就可以按照下面这么写:

但是有的时候我们还需要获得到点击对象的相关信息,就可以在编写函数时在接受参数中添加一个e来获得事件对象的相关信息:

我们通过点击按钮触发事件,就会打印该对象,注意到他有个属性 detail.value 就是当前按钮状态的值。

我们输出该值看看:

 

我不断点击这个按钮就出现该按钮的选中情况。 


http://www.kler.cn/a/474579.html

相关文章:

  • 【微服务】1、引入;注册中心;OpenFeign
  • Perturbed-Attention Guidance(PAG) 笔记
  • C#异步多线程——ThreadPool线程池
  • ADO.NET知识总结3---SqlCommand命令对象
  • C语言的语法
  • PHP进阶-在Ubuntu上搭建LAMP环境教程
  • SQL 连接(JOIN)
  • 电力场景输电线覆冰分割数据集labelme格式1227张2类别
  • 力扣-数组-027移除元素
  • ProtonBase 荣获 2024 技术卓越奖 · 年度创新产品
  • 基于STM32的智能生态水族箱系统设计(论文+源码)
  • qt编译环境异常问题解决一例
  • Ubuntu 20.04换源
  • Nginx:会话保持
  • NTN学习笔记之术语和缩写词解析
  • 设计模式(3)——工厂模式
  • Vscode 如何使用GitHub Copilot
  • SSL 证书格式和证书文件扩展名:完整指南
  • 大中小厂技术面试流程
  • vue(2,3), react (16及以上)开发者工具资源
  • 计算机网络之---数据传输与比特流
  • 嵌入式系统 (5.嵌入式Linux网络应用开发)
  • 使用TCP协议实现智能聊天机器人
  • Cline+DeepSeek-v3-软件工程的浪潮:从切图仔到AI辅助编程
  • 【Leetcode 热题 100】20. 有效的括号
  • markdown语法中的表格快速转换成word中的表格。