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)
    }
},
相关推荐
发呆小天才yy4 小时前
uniapp 微信小程序使用图表
前端·微信小程序·uni-app·echarts
@PHARAOH5 小时前
HOW - 在 Mac 上的 Chrome 浏览器中调试 Windows 场景下的前端页面
前端·chrome·macos
源码云商7 小时前
Spring Boot + Vue 实现在线视频教育平台
vue.js·spring boot·后端
月月大王7 小时前
easyexcel导出动态写入标题和数据
java·服务器·前端
JC_You_Know8 小时前
多语言网站的 UX 陷阱与国际化实践陷阱清单
前端·ux
Python智慧行囊8 小时前
前端三大件---CSS
前端·css
Jinuss9 小时前
源码分析之Leaflet中Marker
前端·leaflet
成都渲染101云渲染66669 小时前
blender云渲染指南2025版
前端·javascript·网络·blender·maya
聆听+自律9 小时前
css实现渐变色圆角边框,背景色自定义
前端·javascript·css
牛马程序小猿猴10 小时前
17.thinkphp的分页功能
前端·数据库