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)
    }
},
相关推荐
学习zhao极致it2 分钟前
2020全新React教程全家桶实战redux+antd+React Hooks前端js视频
前端
用户921080262866 分钟前
Bubble 消息操作区改造:复制、重新生成和反馈
前端
LEE10 分钟前
AI Agent 都在疯狂加功能,它说:我全砍了
前端·后端
张清悠10 分钟前
用 TRAE Work 把 PRD + 设计稿注释,整理成 20 分钟可排期前端任务清单
前端
Brown.alexis1 小时前
es6知识点5-自备使用
前端·javascript·es6
杨利杰YJlio2 小时前
KB5121003更新详解:安全启动证书、AI组件、资源管理器与安装验证
前端·javascript·后端
紫菜猫一只2 小时前
Vue 3 与 React 常用写法对比
前端
jinggongszh2 小时前
使用AI协同开发产品条码规则功能——从“理解方案、原型、接口文档”到“落地真实前端代码”
前端·人工智能·mes系统·mes工程架构
渔夫正在掘金2 小时前
Cordis 中文教程:渐进式构建插件化应用
前端·node.js·ai编程
打呵欠的猫2 小时前
前端团队 3 个月 AI 实践复盘:哪些场景 ROI 最高,哪些是伪需求
前端·ai编程