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)
    }
},
相关推荐
thinkQuadratic3 分钟前
scss预处理器对比css的优点以及基本的使用
前端·css·scss
yuluo_YX24 分钟前
使用 Spring AI Aliabab Module RAG 构建 Web Search 应用
前端·人工智能·spring
冴羽25 分钟前
SvelteKit 最新中文文档教程(16)—— Service workers
前端·javascript·svelte
Hongwen100135 分钟前
寒冬之中的AI创意实验:48小时左右从零打造吉卜力风格AI绘图网站
前端·后端·cursor
小鸭呱呱呱1 小时前
【CSS】- 表单控件的 placeholder 如何控制换行显示?
前端·javascript·css·深度学习·面试·职场和发展·html
程序猿大波1 小时前
基于Java,SpringBoot,Vue,HTML高校社团信息管理系统设计
java·vue.js·spring boot
小浣熊喜欢揍臭臭1 小时前
vue+webpack5(高级配置)
前端·javascript·vue.js
Bigger1 小时前
Tauri(十七)—— 安装包和应用包的区别
前端·app·mac
茉莉蜜茶only1 小时前
【前端实习岗位】淘天集团2026届春季实习生招聘
前端·招聘
Book_熬夜!1 小时前
Vue2——组件的注册与通信方式、默认插槽、具名插槽、插槽的作用域
前端·javascript·vue.js·前端框架·ecmascript