父组件调用子组件方法并传入值

# 父组件调用子组件方法并传入值

通过ref引用调用子组件内的方法并传入参数

父组件:

<子组件标签  ref="refName"></子组件标签>

methods: {
    fnX(x) {
      this.$refs.refName.fnY(x) // 调用子组件方法并传入值
    }
}
1
2
3
4
5
6
7

子组件:

methods: {
    fnY(x) {
      this.x = x
    }
  }
}
1
2
3
4
5
6