Laravel 5.3 и Vue 2

Question

Я играю с Vue 2 в новом приложении Laravel 5.3, и я не уверен, как связать URL-адрес в формате laravel.

У меня есть некоторые строки конфигурации, вытащенные из БД, и я хочу просто перебрать их, отображая данные, а затем представить кнопку, чтобы перейти к экрану редактирования. Vue не поддерживает просто интерполированию ID конфигурационного Роу в URL, как я цикл по строкам с помощью:

<tr v-for="config in data"> 
    <td> 
    <a href="/configurations/{{ config.id }}/edit">{{ config.name }}</a> 
    </td> 
</tr> 

Документов Vue говорят, привязать к другой функции, как это:

<a v-bind:href="url"> 

а затем у меня есть метод URL-адрес, определенный как это:

export default { 
    mounted() { 
     console.log('Component ready.') 
    }, 
    data: function() { 
     return { 
      data: [config data array] 
     } 
    }, 
    computed: { 
     url: function() { 
      console.dir(this); // the whole component, not the row 
      console.dir(this.id); // undefined 
      console.dir(this.config); // undefined 
      return "/configurations/" + this.config.id + "/edit" // throws error 
     } 
    } 
} 

Я не могу показаться, чтобы получить возвращенный URL, чтобы сделать, это обычно либо выдает ошибку, или жалуется, что мой вар не определен.

Как выполнить эту (простую) задачу?

Answer 1

Решение было проигнорировать вычисленную функцию URL и просто сделать следующее: <a :href="'/configurations/' + config.id + '/edit'">