Навигация VUE.js

192
02 ноября 2018, 21:10

Всем привет,имеется вот такая страница,меня интересует как сделать так,чтобы при клике например на "повреждения" отображался другой лист,а навигация и кнопка назад оставались на месте? (хедер у меня есть на всех страницах всегда)

Answer 1

Можно использовать вложенные маршруты, будет изменение именно части страницы, как Вам и необходимо.

Ссылка на документацию: https://router.vuejs.org/ru/guide/essentials/nested-routes.html

Answer 2

Подключите Vue Router. Создаете компонент для листа.

На кнопку "повреждения" вешаете

<router-link to="/list">Повреждения</router-link>

В main.js

const routes = [
 {
  path: '/list',
  name: 'List',
  component: List
 }
]

UPD: Также можете поиграться с вложенными маршрутами, ссылку сверху скидывали.

READ ALSO
Как сделать динамический popup на Vue.js?

Как сделать динамический popup на Vue.js?

Сделал простой попам на vue, вызывается через метод alert(text), в качестве аргумента передается простой текст

280
Откуда взялись f и g, что это такое и как работает?

Откуда взялись f и g, что это такое и как работает?

На странице учебника JavaScript я увидел такой пример:

182
Запись в базу Firebase

Запись в базу Firebase

Пытаюсь настроить запись в базу Firebase RealtimeБаза подключение видит, но записи не происходит

146
Как получить имя файла в gulp.task(&ldquo;watch&rdquo;)

Как получить имя файла в gulp.task(“watch”)

У меня есть следующая задача: При удалении картинки из раздела /src/blocks/nav/assets/img/1jpg я хочу удалить аналогичную картинку в /src/img/

169