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>
相关推荐
忧郁的蛋~15 分钟前
.NET异步编程中内存泄漏的终极解决方案
开发语言·前端·javascript·.net
水月wwww24 分钟前
vue学习之组件与标签
前端·javascript·vue.js·学习·vue
合作小小程序员小小店38 分钟前
web网页开发,在线%商城,电商,商品购买%系统demo,基于vscode,apache,html,css,jquery,php,mysql数据库
开发语言·前端·数据库·mysql·html·php·电商
顾安r39 分钟前
11.8 脚本网页 塔防游戏
服务器·前端·javascript·游戏·html
草莓熊Lotso1 小时前
C++ 方向 Web 自动化测试实战:以博客系统为例,从用例到报告全流程解析
前端·网络·c++·人工智能·后端·python·功能测试
fruge1 小时前
Canvas/SVG 冷门用法:实现动态背景与简易数据可视化
前端·信息可视化
一 乐1 小时前
旅游|内蒙古景点旅游|基于Springboot+Vue的内蒙古景点旅游管理系统设计与实现(源码+数据库+文档)
开发语言·前端·数据库·vue.js·spring boot·后端·旅游
驯狼小羊羔1 小时前
学习随笔-require和import
前端·学习
excel1 小时前
🚀 从 GPT-5 流式输出看现代前端的流式请求机制(Koa 实现版)
前端
凸头1 小时前
Spring Boot接收前端参数的注解总结
前端·spring boot·后端