vue同时传入自定义参数和事件对象

浅浅的花香味﹌ 2022-12-02 04:11 108阅读 0赞

vue一般传参就是直接在方法里面加参数就好了，例如： **@click="zidingyi(123)"**

传事件对象的话， 就直接方法名，例如： **@click="shijian"， **但是不可以 **@click="shijian()",   **如果写了括号，再 **console.log(e); ** 结果就是** undefined**

然后，传事件对象的时候，**@click="all($event, 123)"** ， 直接再方法里面，**$event** 就好了

html

<view @click="zidingyi(123)">仅仅传入自定义参数</view>
    <view @click="shijian">仅仅传入事件对象</view>
    
    <view @click="all($event, 123)">同时传入自定义参数和事件对象</view>

js

zidingyi: function(value) {
      console.log(value);
      // 打印出123
    },
    shijian: function(e) {
      console.log(e);
      //打印出事件对象
    },
    all: function(e, value) {
      console.log(e);
      //打印出事件对象
      console.log(value);
      //打印出123
    },

![20200829171256646.png][]

参考文章 [大佬的笔记][Link 1]

[20200829171256646.png]: /images/20221123/755f61f095854426a398335556677dd1.png
[Link 1]: https://blog.csdn.net/little_kid_pea/article/details/89736282?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.edu_weight&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.edu_weight

发表评论取消回复

表情：

评论列表（有 0 条评论，108人围观）

还没有评论，来说两句吧...

相关阅读

相关【vue2事件传参1】自定义参数：在elementui的change事件中，自定义参数的传递方法

一、问题：在elementUI的开发过程中，有时候会经常遇到，在已定义好的change事件中，想要传递一些自定义的数据，应该怎么解决？二、解决方案： 1、s

阳光穿透心脏的1/2处/ 2024年03月24日 13:18/ 0 赞/ 27 阅读

相关 uniapp同时接收event事件参数和自定义参数

uniapp同时接收event事件参数和自定义参数 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_t

亦凉/ 2023年01月19日 12:54/ 0 赞/ 246 阅读

相关 vue同时传入自定义参数和事件对象

vue一般传参就是直接在方法里面加参数就好了，例如： @click="zidingyi(123)" 传事件对象的话，就直接方法名，例如： @click="shijian"，

浅浅的花香味﹌/ 2022年12月02日 04:11/ 0 赞/ 109 阅读

相关 Vue 自定义事件

在实际场景中，我们通过props可从父组件向子组件传递数据来达到数据共享的目的。但是在某一些场景中，我们需要从子组件向父组件传递消息，此时，我们就可以使用vue提供的自定义事件

ゞ浴缸里的玫瑰/ 2022年05月13日 01:52/ 0 赞/ 185 阅读

相关 Mybatis 同时传入对象和多个参数

接口文件使用 @param 注解 / @author lenovo @param ContingencyPlanApplyVo cv

电玩女神/ 2022年02月24日 05:22/ 0 赞/ 302 阅读

相关 C# 给Button的Click传入自定义参数

如何给Click事件传递自定义的参数有一种方法是在Button的Tag属性设置为你要传入的参数，一般不建议这么做，当然也不失为一种简单粗暴的好办法为什么写这个是因

深藏阁楼爱情的钟/ 2022年01月23日 10:07/ 0 赞/ 925 阅读

相关 Vue自定义事件

Vue自定义事件事件名自定义组件的v-model 将原生事件绑定到组件 .sync修饰符事件名不同于组件和 prop，事件名不

「爱情、让人受尽委屈。」/ 2021年10月20日 01:18/ 0 赞/ 362 阅读

相关 vue——自定义事件

每个 Vue 实例都实现了[事件接口][Link 1]，即：使用 `$on(eventName)` 监听事件使用 `$emit(eventName)` 触发事

﹏ヽ暗。殇╰゛Y/ 2021年09月14日 12:54/ 0 赞/ 409 阅读

相关 Vue自定义事件解读

Vue事件分两部分，一是DOM绑定事件，二是自定义事件。一.DOM事件在Vue中可通过v-on指令或事件语法糖@来为DOM元素绑定事件 <div v-o

我就是我/ 2021年09月14日 04:52/ 0 赞/ 381 阅读

相关 Vue自定义事件

本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：[《Vue官方文档》][Vue]。相关学习笔

待我称王封你为后i/ 2021年08月19日 22:18/ 0 赞/ 411 阅读