v-on:click="greet"和v-on:click="greet()"传入参数的区别

最新推荐文章于 2024-04-18 23:45:00 发布
最新推荐文章于 2024-04-18 23:45:00 发布
阅读量1k 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/PC_136/article/details/88826546
版权

先上测试源码；

 

首先清楚---基于浏览器兼容性，火狐浏览器没有内置event事件对象，chrome和IE基本都实现了内置event事件对象；

首先可以用函数内置对象arguments判断出来不同；

当v-on:click="greet"不带括号时，

arguments对象存储的是`event` 原生 DOM 事件对象参数

 

当v-on:click="greet"带括号时，

arguments对象存储的是空参数；

这应该是浏览器内置函数解析的原因，有更加深入了解后续再更新

 

PC_136
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解vue.js的事件处理器v-on:click
10-19
<button v-on:click="greet">Greet <!-- 或者 --> <button @click="greet">Greet ``` ### 2. 方法绑定 在上面的例子中，`greet`是Vue实例的一个方法。你需要在Vue实例的`methods`选项中定义这个方法： ```...
VUE常见知识疑点
heni6560的博客
02-16 1828
1.vue.js @click和v-on:click有什么区别？ 没有区别，@ 只是一个 v-on: 的缩写，为了书写方便。 Vue.js 为 v-bind 和 v-on 这两个最常用的指令，提供了特定简写： v-bind 缩写 <!-- 完整语法 --> <a v-bind:href="url"></a> <!-- 缩写 --> <a :href="url"></a> v-on 缩写 <!-- 完整语法 --> &l
@click 和 v-on:click 的区别
YHLSunshine的博客
03-18 1137
`@click 和 v-on:click 的含义 与 两者之间的区别
Vue之v-on事件修饰符的含义及使用
最新发布
Mr.小灰狼_随笔
04-18 665
Vue之v-on事件修饰符的含义及使用 背景：Vue 拆封了一个组件，在组件里面会使用一个方法来改变父组件传过来的值， 但是在子组件里面操作父组件的数据变更，实在比较麻烦（因为单向数据流）， So 能不能直接在组件上面绑定事件方法呢，因此就在封装的组件上面写了 ：@click="getDataList" 但是绑定的 click 方法会不生效，So 要想解决，就需要用到 v-on 事件修饰符 的.native 了 ， 接下来就来讲解一下各修饰符的含义及使用。
@click与V-on：click
m0_49416118的博客
08-04 1043
问题：为什么@click是V-on：click的简写，两个效果却不同，@click不能打印触发的事件？ 原因：语法糖 链接：https://segmentfault.com/a/1190000010159725
vue常用事件之v-on:click 以及事件对象，事件冒泡，事件默认行为
热门推荐
涂涂
01-18 15万+
其实v-on后面跟的不止是click事件也可以是其他的事件，用法均相似。比如：v-on:click/mouseout/mouseover/mousedown....... 以下click为例 注意：所有的v-on都可以简写为@，比如说v-click可以简写为@click 1.监听事件 可以用v-on指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。通常来讲就是
Vue.js基础-07-绑定事件（v-on）-01-点击事件（click）
运维玄德公
05-31 6277
1. 点击事件参数（click） 1.1 基本使用 1.2 绑定一个方法 1.3 冒泡事件 说明 示例 2. 点击事件修饰符 2.1 .stop （阻止冒泡） 使用说明 使用示例 2.2 capture （捕获冒泡） 使用说明 使用示例 2.3 .self （只监听触发该元素的事件） 使用说明 使用示例 2.4 once （事件只触发一次） 使用说明 使用示例 2.5 鼠标的修饰符......
【JavaScript源代码】vue 实现click同时传入事件对象和自定义参数.docx
12-29
在给定的示例中，我们关注的是如何在`click`事件中同时传递事件对象和自定义参数。首先，来看一个简单的例子： ```html <div id="app"> <button @click="tm(123)">ddddd ``` 在这个例子中，当用户点击按钮时，...
vue-hello
03-18
4. **指令**：Vue提供了一系列指令，如`v-if`、`v-for`、`v-bind`（简写`:`)和`v-on`（简写`@`）。这些指令可以处理条件渲染、循环、属性绑定和事件监听。例如，`<button v-on:click="greet">Greet</button>`会在...
详解Vue 方法与事件处理器
08-30
我们可以使用`v-on`指令将事件处理器绑定到DOM元素上，如`<button>`，通过`v-on:click`指令调用`greet`方法。 内联语句处理器是另一种常见的方式，它允许我们在模板中直接插入JavaScript表达式。例如： ```html ...
js代码-bind函数
07-16
`bind`方法返回一个新的函数，在新函数被调用时，`this`值会被绑定到原函数调用时传入的第一个参数，后续参数则按照指定顺序附加到原函数的参数之前。 在JavaScript中，`this`关键字的值取决于函数是如何被调用的，...
vue v-on:click传递动态参数的步骤
10-14
主要介绍了vue v-on:click传递动态参数的步骤，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue 事件监听v-on（简单使用，参数问题，修饰符）
小小前端攻城狮的博客
03-23 911
简述 在前端开发中，我们需要经常和用户交互 这个时候，我们就必须监听用户发生的事件，比如点击，拖拽，键盘事件等等 在Vue中使用v-on监听事件 v-on介绍 作用：绑定事件监听器 缩写：@ 预期：Function | Inline Statement | Object 参数：event 简单使用 /*这里，我们用一个监听按钮的点击事件，来简单看看v-on的使用*/ <div id="app"> <h2>当前计数器为:{{counter}}</h2>
Vue 中 onclick和@click区别
质量不太好的博客
02-21 1073
Vue 中 onclick和@click区别
Vue.js学习之路第一篇
路一直在走的博客
06-05 224
v-model可用于&lt;input&gt;和&lt;textarea&gt;创建双向数据绑定循环:    v-for=“item in items”(item是数组里面的元素，items是数组名)            v-for="(item,index) in items",括号里面分别是数组元素和下标事件: v-on:click="函数" v-on:click/mouseout/mo...
Vue中v-on的基础用法、参数传递和修饰符
yzq0820的博客
07-29 4085
一、v-on的基本用法使用v-on:click给button绑定监听事件以及回调函数，@是v-on:的缩写，也就是简写也可以使用@click。方法一般是需要写方法名加上()，在@click中可以省掉，如上述的加。二、v-on的参数传递三、v-on的修饰词.stop的使用，btn的click事件不会传播，不会冒泡到上层，调用event.stopPropagation()。.prevent调event.preeventDefault阻止默认行为。.enter监听键盘事件; .onc......
v-on的参数问题
Dawn_cl的博客
05-23 106
v-on的参数问题 如果事件调用方法不需要参数，方法后的（）可以不写 如果定义时省略了小括号，但是方法本身需要一个参数，会默认将原生事件even参数t传进去 如果需要其他参数，同时也需要event对象，可以通过$event传递 <div id="app"> <!-- 1.事件调用方法不需要参数 --> <button @click="btn1Click">按钮1</button> <button @click="btn1Click(
v-on参数传递
jwz934738949的博客
07-03 4262
v-on可以传递click命令，代表点击事件，简写为@click 点击事件有三种情况：1.无参方法；2.有参方法；3.既需要参数，也需要浏览器产生的event事件 无参方法实现时，可以在调用方法时加入小括号，也可以不加小括号； 当方法有参数时，需要在调用方法时传入参数,当不写参数时默认为undefined。不写小括号，默认将浏览器产生的event事件传给方法； 当方法即需要参数,又需要event事件时，必须使用$event才可以返回事件； 当使用event时或者不写时返回undefined； 当
def greet(name: str) -> str:是什么意思
05-24
- `greet` 是函数的名称； - `(name: str)` 表示函数接受一个名为 `name` 的字符串参数； - `-> str` 表示函数返回一个字符串类型的值。 这个函数的作用是给定一个名字，返回一个问候语字符串，例如：`"Hello, John...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值