vuepress-theme-vdoing/docs/《Vue》笔记/02.组件/70.父组件调用子组件方法并传入值.md

title	date	permalink	categories	tags	author
父组件调用子组件方法并传入值	2020-02-04 13:06:37	/pages/2e24dab728769e0c	《Vue》笔记 组件	null	name link xugaoyi https://github.com/xugaoyi

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

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

父组件：

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

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

子组件：

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