Переход по дочерним страницам?

Question

[Aleksandr]

Всем привет. Не могу до конца разобраться с vue-router.
Есть у меня страница (такая не одна), на каждой странице присутствует таблица с n-ым количеством строк и на каждой строке есть кнопка перехода на карточку информации по этой самой строке.


Так вот вопрос, как мне правильно прописать роутеры для перехода на эти страницы?

{
        path: '',
        component: Hello,
        meta: {}
    },
    {
        path: 'Anketa_tp',
        component: Anketa_tp,
        meta: {}
    },
    {
        path: 'banks',
        component: Banks,
        meta: {}
    },

Попробовал вот так

{
        path: 'Anketa_tp/:id',
        component: _id,
        meta: {}
    }

Правильно ли это?

Answer 1

[Антон Антон]

У меня так:
...
    {path: '/templates', component: require('./components/Templates.vue')},
    {path: '/templates/:id', 
      component: require('./components/Template.vue'),
      props: true
    },
...

в Template.vue:

export default {
    name: 'template',
    data: function () {
      return {
///
      };
    },
    props: [
      'id'
    ],
    watch: {
      id: function() {
        this.loadTemplate();
      }
    },
    mounted: function () {
      this.loadTemplate();
    },
    methods: {
...

Comments

[Aleksandr]

Интересно, попробую. Спасибо