沃梦达 / IT编程 / 前端开发 / 正文

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

假如子组件中有一个方法,想在父组件中直接调用、触发,这个时候就会用到ref属性子组件children中有一个方法jumpTrger()methods: {jumpTiger() {},在父组件中调用子组件,并加上ref属性// 在这里加上ref属性chi...

假如子组件中有一个方法,想在父组件中直接调用、触发,这个时候就会用到ref属性

子组件children中有一个方法jumpTrger()

methods: {
	jumpTiger() {},

在父组件中调用子组件,并加上ref属性

// 在这里加上ref属性
<children ref="child"></children>

父组件的方法中this.$refs.refName.methodsFromChildren();

methods: {
	jumpButton() {
		this.$refs.child.jumpTiger();
        },

本文标题为:vue如何在父组件中调用子组件的方法

上一篇: vue中的router-view
下一篇: 在vue-cli使用scss