51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

vue父组件调用子组件方法

抱怨身处黑暗,不如提灯前行。------刘同

首先是官方文档

这里使用ref属性去访问子元素

|-----------|--------------------------------------------------------------------------------| | 1 | hljs vue <hello-world ref="helloWorld" msg="Hello World"></hello-world> |

然后打印一下

|-----------|------------------------------------------------------------| | 1 | hljs javascript console.log(this.$refs.helloWorld); |

image-20211102202015275

可以看到成功获取到

再到子组件定义一个方法:

image-20211102202118934

父组件访问:

image-20211102202132266

效果:

image-20211102202107779

赞(0)
未经允许不得转载:工具盒子 » vue父组件调用子组件方法