在 Vue 3 中,调用子组件方法有三种方法:通过 refs(使用 $refs 访问实例),通过 v-on 事件绑定(监听自定义事件并触发),以及通过 provide/inject(在父组件中注入,在子组件中获取)。
如何调用 Vue 3 子组件的方法?
在 Vue 3 中,可以通过以下方法调用子组件的方法:
1. 通过:
在父组件中,使用
将子组件实例存储为变量。
通过
访问子组件实例,并调用其方法。
2. 通过事件绑定:
Vue-router参考手册
Vue-router参考手册下载
下载
立即学习
“
前端免费学习笔记(深入)
”;
在父组件中,使用
事件绑定监听子组件发出的自定义事件。
在子组件中,触发自定义事件并传递所需的参数。
3. 通过 provide/inject:
在父组件中,使用
注入一个方法或值到其子组件。
在子组件中,使用
来获取已注入的方法或值。
refsref$refs// 父组件
// 子组件
v-onv-on// 父组件
// 子组件
provideinject// 父组件
// 子组件
