0
点赞
收藏
分享

微信扫一扫

第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将其输出到控制台。通过在模板中传递事件参数给内联处理程序,你可以方便地传递数据并在方法中使用它们。

举报

相关推荐

0 条评论