Вставить (дочерний) компонент в элемент v-list-item - PullRequest
Новая
       33

Вставить (дочерний) компонент в элемент v-list-item

1 голос
/ 30 октября 2019

У меня есть компонент, который открывает диалоговое окно для добавления новой записи (задания). Компонент отлично работает при добавлении на панель инструментов. Сейчас я делаю приложение отзывчивым, и когда оно просматривается на планшете, я добавляю меню, а внутри меню добавляю этот компонент, но он не отображается. O добавлены кнопки сверху и снизу, и они оставляют пустое пространство посередине, но при щелчке по этому пустому месту ничего не появляется и не открывается.

PS: я новичок, и это мое первое приложение Vue

Я пробовал окружить его тегом шаблона, но ничего не получается 

    <v-menu offset-y >
      <template v-slot:activator="{ on }">
        <v-btn fab text v-on="on" class="hidden-md-and-up">
          <v-icon>mdi-menu</v-icon>
        </v-btn>
      </template>
      <v-list>
        <v-list-item>
          <v-btn to="/" exact text >    
            <v-icon class="mr-1" right>mdi-clipboard-list-outline</v-icon>
          <span>Board</span>
        </v-btn>
        </v-list-item>
        <v-list-item>
          <template>
          <AddNewJob @jobAdded="snackbar = true" />
          </template>
        </v-list-item>
        <v-list-item>
          <v-btn to="about" exact text >    
            <v-icon class="mr-1">mdi-information-outline</v-icon>
            <span>About</span>
          </v-btn>
        </v-list-item>
      </v-list>
    </v-menu>

The component in question is AddNewJob
...