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

2022-12-21 20:22:16 浏览数 (2)

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

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

父组件:

代码语言:javascript复制
<子组件标签  ref="refName"></子组件标签>

methods: {
    fnX(x) {
      this.$refs.refName.fnY(x) // 调用子组件方法并传入值
    }
}

子组件:

代码语言:javascript复制
methods: {
    fnY(x) {
      this.x = x
    }
  }
}
ref

0 人点赞