vue3 click传参
时间: 2024-06-14 22:02:53 浏览: 114
vue路由传参 vue路由传参
5星 · 资源好评率100%
Vue 3 中的 `@click` 事件监听器用于响应用户点击元素的行为。当你需要在点击事件中传递参数时,可以直接在事件处理器函数内部处理这些参数。这是一个基本的例子:
```html
<template>
<button @click="handleClick(param1, param2)">点击我</button>
</template>
<script setup>
import { ref } from 'vue';
const param1 = ref('Hello');
const param2 = ref(42);
function handleClick(firstParam, secondParam) {
console.log(`First param: ${firstParam}, Second param: ${secondParam}`);
}
</script>
```
在这个例子中,`handleClick` 函数接受两个参数 `param1` 和 `param2`,它们可以在函数内部被访问和使用。当你点击按钮时,控制台会打印出这两个参数的值。
阅读全文