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>
相关推荐
BD_Marathon9 分钟前
Vue3_插值表达式
javascript
梦想是准点下班9 分钟前
【vue3】 + 【vite】 + 【vite-plugin-obfuscator】混淆打包 => 放弃了,样式会丢
前端·vue.js
前端达人10 分钟前
原生JavaScript vs 前端框架,2026年该怎么选?
开发语言·前端·javascript·前端框架·ecmascript
漫天黄叶远飞11 分钟前
React 组件通讯全攻略:拒绝 "Props" 焦虑,掌握数据流动的艺术
前端·react.js·前端框架
梦想是准点下班12 分钟前
【vue3】 + 【vite】 + 【rollup-plugin-obfuscator】混淆打包 => 打包报错
前端·vue.js
恋猫de小郭13 分钟前
Flutter UI 设计库解耦重构进度,官方解答未来如何适配
android·前端·flutter
星_离16 分钟前
高德地图-物流路线
前端·vue.js
细心细心再细心16 分钟前
Lexical 富文本编辑器组件详解
前端
qq_4061761417 分钟前
JavaScript中的循环
前端
小皮虾19 分钟前
搞全栈还在纠结 POST、GET、RESTful?试试这个,像调用本地函数一样写接口
前端·node.js·全栈