vue中子组件方法注入参数给父组件方法

在vue中我们可以在子组件的方法中注入一些参数共父组件中的方法使用。

1、子组件中的一个方法
   confirm() {
     this.form.validateFields((erro, values) => {
       if (!erro) {
         this.$emit('confirm', values.option)
         this.showCloseDemand = false
       }
     })
   }

2、父组件引用组件
@click="$refs.CloseDemand.show()" 在点击的地方引用
<close-demand ref="CloseDemand" @confirm="closeDemand"></close-demand> 加入组件

3、父组件接收参数的方法
  closeDemand(option) {
     console.log（option）
}

注意：

• 在第一步中this.$emit向第二步中的 @confirm注入
• @confirm对应的是子组件的方法，而closeDemand对应的是父组件的方法
• 而this.$emit原本的作用就是传值给父组件的这里通过与方法结合运用更多

这是小白在开发时学到的，希望对于像我这样的新手有帮助