Как иметь 2 f7-панели, которые находятся в разных компонентах, framework7 и vuejs? - PullRequest
Новая
       36

Как иметь 2 f7-панели, которые находятся в разных компонентах, framework7 и vuejs?

0 голосов
/ 27 июня 2019

У меня есть 2 просмотра с его компонентами.в обоих представлениях я использую панель слева, работая таким образом. компонент 1: 

<f7-navbar class="bg-color-cyan-9">
           <f7-nav-left>
            <f7-link class="panel-open" open-panel="left" icon="fas fa-bars"></f7-link>
           </f7-nav-left> 
           <f7-nav-right>
           <f7-link class="searchbar-enable" data-searchbar=".searchbar-demo" icon-ios="f7:search" icon-aurora="f7:search" icon-md="material:search"></f7-link>
           </f7-nav-right>
           <f7-searchbar
            class="searchbar-demo"
            expandable
            search-container=".search-list"
            search-in=".item-title"
            placeholder="Realiza tu busqueda"
            :disable-button="!$theme.aurora"
           ></f7-searchbar>
           <f7-panel left cover>
            <PanelLeft></PanelLeft> <!--Esto ya lo tengo montado mediante components: {}-->
           </f7-panel>
        </f7-navbar>

Компонент 2: 

<f7-navbar>
                <f7-nav-left>
                 <f7-link class="panel-open" open-panel="left" icon="fas fa-bars"></f7-link>
                </f7-nav-left>
                  <div class="title"></div>
                <f7-nav-right>
                <f7-link
                  class="searchbar-enable"
                  data-searchbar=".searchbar-components"
                  icon="fas fa-search"
                 ></f7-link>
                </f7-nav-right>
                <f7-searchbar
                class="searchbar-components"
                search-container=".components-list"
                search-in="a"
                placeholder="Busqueda"
                expandable
                ></f7-searchbar>
               <f7-panel left cover>
               <PanelLeft2></PanelLeft2> <!--Esto ya lo tengo montado mediante components: {}-->
               </f7-panel>
            </f7-navbar>

Оба вида загружены, работают с панелью инструментов f7 следующим образом: 

<f7-toolbar tabbar labels class="toolbar-bottom-md bg-color-cyan-9">
 <f7-link tab-link route-tab-id="tab-1" v-if="pagina_principal == '1'" href="/">
    <f7-icon icon="fas fa-home" size="20px"></f7-icon>
    <span class="tabbar-label">Home</span>
 </f7-link>
 <f7-link tab-link route-tab-id="tab-1-2" v-else href="/licitacionesgeneral">
     <f7-icon icon="fas fa-home" size="20px"></f7-icon>
     <span class="tabbar-label">Home</span>
 </f7-link>
</f7-toolbar>
<f7-tabs routable>
  <f7-tab id="tab-1"></f7-tab>
  <f7-tab id="tab-1-2"></f7-tab>
</f7-tabs>

Визуально это так:

enter image description here enter image description here

При нажатии «Показать сервер» пришлите мне еще одинпредставление, которое является вторым представлением, которое оно содержит в <f7-panel> </ f7-panel>, визуально это выглядит так: enter image description here

Пропустить следующую ошибку: [ Vue warn]: Ошибка вподключенный хук: «Ошибка: Framework7: не удается создать панель; приложение уже имеет левую панель!»

Указывает, что приложение уже имеет левую панель, и у меня должна быть другая панель слева для каждогокомпонент.

Заранее большое спасибо.

...