Всем привет,имеется вот такая страница,меня интересует как сделать так,чтобы при клике например на "повреждения" отображался другой лист,а навигация и кнопка назад оставались на месте? (хедер у меня есть на всех страницах всегда)
-
1Вам стоит изучить документацию router.vuejs.org/ru– Dmitry16 авг 2018 в 8:35
-
Я ее знаю,навигация в хедере у меня работает,я не понимаю как менять только один лист вот этот,а все остальное оставлять– user29443116 авг 2018 в 9:12
2 ответа
Можно использовать вложенные маршруты, будет изменение именно части страницы, как Вам и необходимо.
Ссылка на документацию: https://router.vuejs.org/ru/guide/essentials/nested-routes.html
-
Хотя по ссылке можно найти ответ на вопрос, лучше указать здесь самое главное, а ссылку приводить в качестве источника. Если страница, на которую ведет ссылка, будет изменена, ответ-ссылка может стать недействительным. — из очереди проверок– Dmitriy20 авг 2018 в 9:37
-
Подключите Vue Router. Создаете компонент для листа.
На кнопку "повреждения" вешаете
<router-link to="/list">Повреждения</router-link>
В main.js
const routes = [
{
path: '/list',
name: 'List',
component: List
}
]
UPD: Также можете поиграться с вложенными маршрутами, ссылку сверху скидывали.