Vue 如何自定义传参

在 vue 中，我们很多时候都会遇到一个事件中要传多个参数，简单的传参比如 @click=“onClick(a, b, c)”。

但我们都知道，很多事件都有个默认参数，如页面中 @click=“onClick”，调用事件的时候只要随便写个参数比如 onClick(e)，打印出来的是触发该事件的一些信息。

问题来了，如果我们想要同时拥有自己的自定义参数，又想要该事件默认的，我们可以这样实现 @click="onClick(a, b, c, $event)"，$event 就是默认的参数，其他都是自定义的。

上面那种方式的 $event 只能拿到一个默认数据，但是，如果默认的参数不止一个呢？比如我们在组件中 this.$emit 自定义一个事件并且传很多个参数，父组件调用的时候既想要自定义的参数，又想要子组件传过来的参数，可以这样解决 @click="onClick(a, b, c, ...arguments)"，调用的时候写上你自定义的参数，加上默认的参数就可以了。

Vue 如何自定义传参

原文：https://www.cnblogs.com/csnan/p/12762869.html