elmentplus中删除el-tree数据时,树的数据改变了,但是树不刷新

<el-tree
    ref="treeRef"
    style="max-width: 600px"
    class="filter-tree"
    :data="treeData"
    :props="defaultProps"
    default-expand-all
    :filter-node-method="filterNode"
    node-key="id"
    @node-click="handleNodeClick"
  />
const treeRef = ref<InstanceType<typeof ElTree>>();

const handleDelete = (ids: string) => {
  ElMessageBox.confirm("确定删除吗?", "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
  }).then(() => {
    deleteApi(ids).then(async () => {
      // 刷新树
      await getTreeData();
      //删除时,树的数据改变了,但是树不刷新,需要手动调用树的remove方法
      if (treeRef.value) {
        treeRef.value.remove(currentTreeItem);
      }
      ElMessage.success("操作成功");
    });
  });
};
posted @   sinceForever  阅读(195)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示