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

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

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

<template>
  <v-data-table
    :headers="headers"
    :items="desserts"
    sort-by="calories"
    class="elevation-1"
    item-key="id"
    show-select
    v-model="selected"
    :search="search"
  >
    <slot />
    <template v-slot:top>
      <!-- 搜索框 -->
      <v-toolbar flat>
        <v-spacer></v-spacer>
        <v-text-field
          v-model="search"
          append-icon="mdi-magnify"
          label="搜索"
          single-line
          hide-details
          class="mx-4"
        ></v-text-field>

        <v-btn
          v-if="btnEnable.add==true"
          color="primary"
          dark
          class="mb-2 mx-2"
          @click="dialog = true"
        >
          添加新项
        </v-btn>

        <!-- 添加提示框 -->
        <v-dialog
          v-if="btnEnable.add ==true"
          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>