在 vue 的父组件中调用子组件的方法

Posted 2021-07-25 web半晨

目录

• • 1、父组件
  • • 1.1、html 部分
    • 1.2、JavaScript 部分
  • 2、子组件
  • • 2.1、JavaScript 部分

---

1、父组件

1.1、html 部分

<button @click="trigger">触发方法</button>
<childrens ref="childs"></childrens>

---

1.2、javascript 部分

methods: {
	trigger() {
		this.$refs.childs.useInPar("调用子组件中的方法");
	}
}

---

2、子组件

2.1、JavaScript 部分

methods: {
	useInPar(str) {
		console.log(str);
	}
}