提示

Vue官方文档 (opens new window) 原笔记 (opens new window) 说明：本章内容是博主收录的Vue学习笔记，基于原笔记的修改

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

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

父组件：

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

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

子组件：

methods: {
    fnY(x) {
      this.x = x
    }
  }
}