vue指令-v-on事件对象

vue指令-v-on事件对象

1、目的

vue事件处理函数中,拿到事件对象

2、语法

无传参数,通过形参直接接收

bash 复制代码
<template>
  <div id="app">
    <a @click="one" href="http://www.baidu.com">百度</a><br/>
  </div>
  
</template>

<script>


export default {
  //定义函数
  methods:{
    one(e){
      e.preventDefault()

    }
  }
  
}
</script>

传参,通过$event指代事件对象传给事件处理函数

bash 复制代码
<template>
  <div id="app">
    <a @click="two(10,$event)" href="http://www.baidu.com">百度</a><br/>
  </div>
  
</template>

<script>


export default {
  //定义函数
  methods:{
    two(num,e){
      e.preventDefault()

    }
  }
  
}
</script>
相关推荐
程序员爱钓鱼1 分钟前
使用 Node.js 批量导入多语言标签到 Strapi
前端·node.js·trae
鱼樱前端2 分钟前
uni-app开发app之前提须知(IOS/安卓)
前端·uni-app
V***u4533 分钟前
【学术会议论文投稿】Spring Boot实战:零基础打造你的Web应用新纪元
前端·spring boot·后端
TechMasterPlus3 分钟前
VScode如何调试javascript文件
javascript·ide·vscode
i听风逝夜41 分钟前
Web 3D地球实时统计访问来源
前端·后端
iMonster1 小时前
React 组件的组合模式之道 (Composition Pattern)
前端
北辰alk1 小时前
Vue 中 nextTick 的魔法:为什么它能拿到更新后的 DOM?
vue.js
呐呐呐呐呢1 小时前
antd渐变色边框按钮
前端
Dwzun1 小时前
基于SpringBoot+Vue的体重管理系统【附源码+文档+部署视频+讲解)
vue.js·spring boot·后端
元直数字电路验证1 小时前
Jakarta EE Web 聊天室技术梳理
前端