vue父组件如何获取子组件的ref

妖妖妈

关注

阅读 32

2023-10-16

可以在父组件的 mounted 钩子函数中获取子组件的 ref,然后调用子组件的方法来设置当前节点,代码如下:

//父组件代码
<template>
  <SideBar ref="sidebar" />
</template>
<script>
export default {
  mounted() {
    this.$nextTick(() => {
      // 获取子组件 tree 的 ref
      const treeRef = this.$refs.sidebar.$refs.tree
      // 设置当前节点
      treeRef.setCurrentKey(this.articleIdList[0].aid)
    })
  }
}
</script>


//子组件代码
<el-tree ref="tree"></er-tree>

精彩评论(0)

0 0 举报