小编CHE*_*5YA的帖子

我正在为我的项目设置 vuetify 的树视图组件。我单击了树视图的文件夹对象，打开了每个对象。但我没有设置“全部打开”选项。

我的项目基于 vue cli 3，我的 ESLint 配置是“airbnb”。

模板 ：

        <v-card class="mx-auto">
          <v-sheet class="pa-1 tree__resources lighten-2">
            <v-treeview
              :active.sync="active"
              :open.sync="open"
              :items="items"
              item-key="id"
              activatable
              active-class="primary--text"
              open-on-click
              return-object>
              <template v-slot:prepend="{ item, open }">
                <v-icon v-if="item.type == 'directory'">
                  {{ open ? 'mdi-folder-open' : 'mdi-folder' }}
                </v-icon>
                <v-icon v-else>
                  {{ files[item.type] }}
                </v-icon>
              </template>
            </v-treeview>
          </v-sheet>
        </v-card>  

脚本：

export default {
  data: () => ({
    active: [],
    open: [],
    items: ["JSON DATA"],
    files: {
      html: 'mdi-language-html5',
      js: 'mdi-nodejs',
      json: 'mdi-json',
      md: 'mdi-markdown',
      pdf: 'mdi-file-pdf', …