递归函数使用demo(删除树形数据)

最新推荐文章于 2022-09-06 18:27:36 发布

原创最新推荐文章于 2022-09-06 18:27:36 发布 · 212 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

这段代码描述了一个在前端应用中执行删除数据的功能。当用户确认删除操作后，它会递归获取所有子项的ID，并调用`deleteData`接口进行删除。如果删除成功，会显示成功消息，否则显示警告信息。

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

 // 删除
    remove(row) {
      // this.itemIdArr = []
      this.$confirm("删除该项数据, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          let params = this.getDeleteIds([], row);
          deleteData(params).then(res => {
            if (res.code == 200) {
              this.$message.success("删除成功");
              this.treeDom(this.dictionaryId);
            } else {
              this.$message.warning(res.msg);
            }
          });
        })
        .catch(() => {});
    },
    // 获取删除的包含子菜单的id列表
    getDeleteIds(ids, row) {
      ids.push({ itemId: row.itemId });
      if (row.children != null) {
        for (let i = 0, len = row.children.length; i < len; i++) {
          this.getDeleteIds(ids, row.children[i]);
        }
      }
      return ids;
    },