Как создать боковую панель Framework7 в обычном vue?

Я работаю с Vue+F7.

Можно ли создать новый side panel в Vue, согласно моему сценарию, мне нужно что-то вроде открытия приложения, первая страница будет содержать один left side panel. Теперь, когда пользователь вошел в систему, мне нужна другая боковая панель, а не первая, потому что контент, который я хотел бы разместить, отличается.

Если возможно, кто-нибудь может сказать мне, как создать эту панель в моем example.vue?

Спасибо


person Jaccs    schedule 18.02.2017    source источник


Ответы (2)


вы можете просто создать обе панели и показать их условно на основе логического значения loggedIn. с v-show это очень просто. проверьте это:

v, если

v иначе, если

показать

person Soorena    schedule 18.02.2017
comment
Как мне теперь изменить содержимое панели? - person Jaccs; 01.03.2017

Вы можете создать компонент, в который вы отправили Json с данными меню.

Например:

{[    
    {"name":"name_route1", "route":"@/miRuta1.vue"},
    {"name":"name_route2", "route":"@/miRuta1.vue"},   
    {"name":"name_route3", "route":"@/miRuta1.vue"}  
]}

Таким образом, у вас будет тот же компонент (вы будете использовать ту же панель), но динамически вы будете передавать элементы, которые он собирается смонтировать.

person Bibi Ruiz    schedule 21.05.2020