vue中父组件触发子组件的方法

陈皮球

于 2020-08-13 09:41:34 发布

阅读量358

点赞数 1

分类专栏： vue javaScript 文章标签： vue js

版权

8 篇文章

订阅专栏

7 篇文章

订阅专栏

本文介绍在Vue中如何通过引用子组件的ref属性，实现在父组件中触发子组件方法的具体步骤。通过定义子组件方法getCheckedNodes，并在父组件中使用$refs调用，实现数据的交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 在子组件（checkTree）中定义以下方法：

getCheckedNodes(authoId) {.....}

2. 在父组件中：父组件引用子组件(ref)

<checkTree :options="userOptions" ref="treeChild"
           :props="defaultProps" @getNodeArr="getNodeArr(arguments)">
</checkTree>

js中，通过ref引用触发子组件方法：

this.$refs.treeChild.getCheckedNodes(authoId)