Проблема с путём использования объекта в качестве параметров в Vue router-link - PullRequest
Новая
       39

Проблема с путём использования объекта в качестве параметров в Vue router-link

0 голосов
/ 07 марта 2019

Я создал 

<router-link :to="{ name: 'casa', params: {casa: item ,codCasa:item.cod_Casa} }">{{ item.cod_casa }}</router-link>

, но теперь у меня проблема с путем.Не может быть чистого URL.

item является объектом, а затем URL является http://localhost:8080/casa/%5Bobject%20Object%5D

В маршрутах у меня есть 

{
      path: "/casa/:casa",
      name: "casa",

      component: () =>
          import(/* webpackChunkName: "about" */ "./components/Casa/Casa.vue"),
      props: true
    },

Если я использую путь: "/casa/:codCasa" он говорит, что codCasa не определен.Заранее спасибо.

1 Ответ

0 голосов
/ 07 марта 2019

Вы должны пройти по пути просто codCasa и получить объект внутри вашего компонента.

Vue Roter позволяет реквизита , поэтому мы можем сделать что-то вроде: 

    {
      path: "/casa/:casa",
      name: "casa",

      component: () =>
          import(/* webpackChunkName: "about" */ "./components/Casa/Casa.vue"),
      props: { casa: { id: 1, name: 'Casa 1' } }
    },

Где casa определяется как опора внутри компонента

Но похоже, что объект casa является динамическим, и поэтому я рекомендую первый способ, используя только идентификатор в пути и ожидая в вашем компоненте реквизита codCasa. Обратите внимание на тип, используемый для опоры.

Если вам действительно нужно передать весь объект и не хотите получать его из бэкэнда внутри компонента, подумайте об использовании только дочернего компонента без нового маршрута.

...