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)
    }
},
相关推荐
汝生淮南吾在北3 分钟前
SpringBoot+Vue在线笔记管理系统
java·vue.js·spring boot·笔记·毕业设计·毕设
良木林6 分钟前
webpack:快速搭建环境
前端·webpack·node.js
网络点点滴8 分钟前
Vue3路由的props
前端·javascript·vue.js
last demo13 分钟前
grep和sed
linux·运维·前端·chrome
-曾牛15 分钟前
深入解析 XSS 漏洞:原理、分类与攻防实战
前端·安全·web安全·网络安全·渗透测试·xss·原理解析
JK凯20 分钟前
前端调试技巧
前端·visual studio code·前端工程化
开源之眼28 分钟前
github star 基础IO 文件在内核中是怎么被管理的 重定向的含义 在自定义shell中加入重定向
前端
JZXStudio28 分钟前
独立开发者亲测:MLX框架让我的App秒变AI原生!15年iOS老兵的2025新感悟
前端·ios
cindershade28 分钟前
Vue 3:我在真实项目中如何用事件委托
前端
我叫黑大帅29 分钟前
存储管理在开发中有哪些应用?
前端·后端·全栈