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>
相关推荐
weixin_4643076336 分钟前
设置程序自启动
前端
小满zs41 分钟前
Next.js第十七章(Script脚本)
前端·next.js
小满zs2 小时前
Next.js第十六章(font字体)
前端·next.js
喝拿铁写前端7 小时前
别再让 AI 直接写页面了:一种更稳的中后台开发方式
前端·人工智能
A向前奔跑8 小时前
前端实现实现视频播放的方案和面试问题
前端·音视频
十一.3668 小时前
131-133 定时器的应用
前端·javascript·html
xhxxx9 小时前
你的 AI 为什么总答非所问?缺的不是智商,是“记忆系统”
前端·langchain·llm
38242782710 小时前
python:输出JSON
前端·python·json
2503_9284115610 小时前
12.22 wxml语法
开发语言·前端·javascript