【vue3】子组件用emit传递参数的同时，父组件也传递参数

vue父子组件可以通过emit进行传参，有些时候我们在子组件传参的同时，父组件也需要传参，比如v-for渲染的列表，可能要把索引当参数传递。那么我们怎么同时接收子组件参数和父组件参数呢？有以下两种方法。一、子组件传出单个参数时// 子组件this.$emit('test',this.param)// 父组件@test='test($event,parentParam)'二、子组件传出多个参数时//

前端阿彬

4563人浏览 · 2021-12-24 09:40:41

前端阿彬 · 2021-12-24 09:40:41 发布

vue父子组件可以通过emit进行传参，有些时候我们在子组件传参的同时，父组件也需要传参，比如v-for渲染的列表，可能要把索引当参数传递。那么我们怎么同时接收子组件参数和父组件参数呢？有以下两种方法。

一、子组件传出单个参数时

// 子组件
this.$emit('test',this.param)

// 父组件
@test='test($event,parentParam)'

二、子组件传出多个参数时

// 子组件
this.$emit('test',this.param1，this.param2, this.param3)
// 父组件 arguments 是以数组的形式传入
@test='test(arguments,parentParam)'

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^