How to store multiple query values?

Question

JavaScript

Hello. It is necessary to implement a tree, something like folders with infinite nesting. So that after reloading the page the tree remains open in the same place as before reloading, I write the current path to query.

onFolderClick(folder) {
        this.$router.push({ path: `/files/${this.folder.id}`, query: { path: folder.key } });
},

One level works out, but if there is another folder in this folder, then the path will be rewritten to a new folder and I will lose nesting and will not be able to show breadcrumbs.
Is it possible to make the path something like this: /files?path=folder1&path=folder2&path=folder3.
Or is this wrong and is there a better way?

Answer 1

A node (folder) must have a link to its parent. You can recursively go from the current node to the parent, then to its parent, until you reach the root node and make each node in the branch open.