uniapp中的事件:v-on

uni中的事件

1.v-on事件绑定

v-on 指令,它用于监听 DOM 事件。v-on缩写为' @ ',下文简称为 @事件

html 复制代码
	<!-- 完整语法 -->
	<view v-on:click="doSomething">点击</view>
	<!-- 缩写 -->
	<view @click="doSomething">点击</view>

事件传参

html 复制代码
<button type="primary" v-on:click="clickHandle(10,$event)">按钮</button>
javascript 复制代码
methods: {
    clickHandle(num, e) { //e -- $event是事件对象
        console.log(num, e)
    }
},
相关推荐
gc_22993 小时前
Vue框架学习(1:环境搭建)
vue.js
原则猫3 小时前
UDP 到底怎么实现可靠的
前端
Java后端的Ai之路3 小时前
14、ReactJS - 路由(Router)
前端·react.js·状态模式
裕晟资质规划5 小时前
三类涉密资质延续时限差异分析:军工60日与集成印制3个月的边界
java·服务器·前端·网络·安全
ShineWinsu5 小时前
对于JavaScript:JavaScript基础语法的解析
开发语言·前端·javascript·面试·web·基础语法·循环
月夏5 小时前
Vue3 转 React:18 项对照表 + 5 个必踩的坑(附 7 天上手路线)
前端
广州华水科技5 小时前
单北斗GNSS位移监测系统的应用与维护解析
前端
梦曦i6 小时前
uni-storage 0.1.0 发布:TTL过期管理+多实例隔离
前端·storage·uni-app x
猫头_7 小时前
AI 流式传输工程指南:模型吐出半截 JSON,前端如何边收边渲染?
前端·javascript·llm
console.log('npc')7 小时前
第 1 章 项目概述与环境搭建
前端·人工智能·大模型