当前位置: 首页 > 知识库问答 >
问题:

前端 - vue3 二次封装el-tree,如何在父组件调用el-tree的内置方法?

楚方伟
2023-10-11

父组件:

<template>  <div>    <CustomTree ref="customTree" />    <button @click="handleClick">调用 getNode 方法</button>  </div></template>

子组件CustomTree :

<template><div> <el-tree ref="treeRef"></el-tree></div></template>

如何在父组件调用el-tree中的getNode方法?

共有1个答案

柴文林
2023-10-11

正常父组件调子组件通过this.$refs.名称,多嵌套一层,就再读一下ref

 类似资料:
  • 数据是通过懒加载获取的,default-expanded-keys属性值需要从顶层根节点到当前选中节点的key路径,现在回显的时候只能得到当前选中节点的key,这样该如何回显呢? 想要的效果是:编辑回显时,展开树形控件选中的节点是默认选中的状态

  • 本文向大家介绍在element-ui的el-tree组件中用render函数生成el-button的实例代码,包括了在element-ui的el-tree组件中用render函数生成el-button的实例代码的使用技巧和注意事项,需要的朋友参考一下 本文主要介绍怎么在el-tree组件中通过render函数来生成el-button。 这是element-ui中el-tree树: 这是需要实现的效

  • 点击打印后可以打印表格和表单的数据,同时样式也在 改用vue-print-nb解决了整个问题

  • 各位大佬,请伸出援手帮小弟看个问题。 问题描述:我在el-tab-pane里使用table组件时,表格数据滚动效果和页脚的工具栏样式都出现了bug,在其他页面使用table组件不会出现这种情况,通过调试工具调了好久调不到理想情况。 index.vue、infoTable.vue table.vue 其他页面显示:正常效果,并且不会被开发者工具遮挡 滚动样式和工具栏样式丢失,调了之后还是没有调到正常

  • 以这个官方demo距离,搜索前是这样的: 搜索后,比方说搜一个1 当我删掉关键字后,变成了全部展开: 我试过this.$refs.tree.setCheckedKeys([]);,没有作用,还是全部展开了。

  • 为el-transfer添加了一个右侧列表上下排序的功能,但是点击之后数组数据更新了,视图却没刷新.代码如下: