第35节: Vue3 访问内联处理程序中的事件参数

在UniApp中使用Vue3框架时，你可以在模板中直接访问内联处理程序中的事件参数。以下是一个示例：

<template>  
  <view>  
    <button @click="handleClick('Button clicked!')">Click me</button>  
  </view>  
</template>  
  
<script setup>  
import { ref } from 'vue';  
  
const handleClick = (message) => {  
  console.log(message); // 访问事件参数  
};  
</script>

在上面的示例中，我们在元素上使用了@click监听事件，并将handleClick方法作为内联处理程序传递了一个字符串参数’Button clicked!'。在handleClick方法中，我们可以直接访问这个事件参数，并使用console.log将其输出到控制台。通过在模板中传递事件参数给内联处理程序，你可以方便地传递数据并在方法中使用它们。

订阅专栏，每日更新

教学视频 Uniapp Vue3 基础到实战

第36节：Vue3 事件修饰符