时间戳

首页 > 解决方案 > vue.js / electron 如何列出公用文件夹中的所有文件夹名称

vue.js - vue.js / electron 如何列出公用文件夹中的所有文件夹名称

问题描述

我是 Vue / electron 的新手……我需要列出 /public 目录中的所有文件夹名称。这些文件夹内可能是其他带有 .pdf 文件的子文件夹。

到目前为止，我尝试使用：

require.context('@/../public/pdf/moreFolders', true, /^.*\.*$/)

但这似乎更多地用于在文件夹中显示文件。

最后，我想显示一个具有该公用文件夹树结构的菜单。

知道如何在 Vue 中显示这样的结构吗？

标签： vue.jselectron

解决方案

您可以简单地使用 nodejs 模块列出文件并读取内容：

const fs = require('fs')
...

如果构建应该包含这些文件，您必须在 vue.config.js 中添加一个条目

module.exports = {
  transpileDependencies: [
    'vuetify'
  ],
  pluginOptions: {
    electronBuilder: {
      builderOptions: {
...
         extraFiles: [
          {
            from: './data',
            to: 'data',
            filter: [
              '**/*'
            ]

但这只是需要的，如果你想使用另一个目录，我会建议。据我所知，公共总是被复制的。

推荐阅读