Yi.Vue2.x.Vuetify/src/components/ccTreeview.vue

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<template>
  <div>
    <v-divider></v-divider>
    <app-btn dark class="ma-4" @click="showAll"> 展开全部</app-btn>
    <app-btn dark class="my-4 mr-4" @click="dialog = true"> 添加新项 </app-btn>
    <app-btn dark class="my-4" color="secondary" @click="deleteItem(null)">
      删除所选
    </app-btn>

    <v-dialog v-model="dialog" max-width="500px">
      <v-card>
        <v-card-title>
          <span class="headline">{{ formTitle }}</span>
        </v-card-title>

        <v-card-text>
          <v-container>
            <v-row>
              <v-col
                cols="12"
                sm="6"
                md="4"
                v-for="(value, key, index) in editedItem"
                :key="index"
              >
                <v-text-field
                  v-model="editedItem[key]"
                  :label="key"
                ></v-text-field>
              </v-col>
            </v-row>
          </v-container>
        </v-card-text>

        <v-card-actions>
          <v-spacer></v-spacer>
          <v-btn color="blue darken-1" text @click="close"> 取消 </v-btn>
          <v-btn color="blue darken-1" text @click="save"> 保存 </v-btn>
        </v-card-actions>
      </v-card>
    </v-dialog>

    <v-treeview
      ref="tree"
      open-on-click
      selectable
      :items="desserts"
      :selection-type="selectionType"
      v-model="selection"
      return-object
      open-all
      hoverable
      item-text="menuName"
    >
        <template v-slot:prepend="{ item }">
      <v-icon>
        {{ item.menuIcon }}
      </v-icon>
    </template>
      <template v-slot:append="{ item }">