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)
    }
},
相关推荐
从零开始学习人工智能5 分钟前
FastMCP:构建 MCP 服务器和客户端的高效 Python 框架
服务器·前端·网络
烛阴15 分钟前
自动化测试、前后端mock数据量产利器:Chance.js深度教程
前端·javascript·后端
好好学习O(∩_∩)O20 分钟前
QT6引入QMediaPlaylist类
前端·c++·ffmpeg·前端框架
敲代码的小吉米20 分钟前
前端HTML contenteditable 属性使用指南
前端·html
testleaf32 分钟前
React知识点梳理
前端·react.js·typescript
站在风口的猪110832 分钟前
《前端面试题:HTML5、CSS3、ES6新特性》
前端·css3·html5
Xiao_die88833 分钟前
前端八股之CSS
前端·css
每天都有好果汁吃1 小时前
基于 react-use 的 useIdle:业务场景下的用户空闲检测解决方案
前端·javascript·react.js
穗余1 小时前
NodeJS全栈开发面试题讲解——P10微服务架构(Node.js + 多服务协作)
前端·面试·node.js
横冲直撞de1 小时前
前端下载文件,文件打不开的问题记录
前端