Я играю с Vue 2 в новом приложении Laravel 5.3 и не знаю, как связать URL-адрес в формате laravel.
У меня есть несколько строк конфигурации, извлеченных из БД, и я хочу просто просмотреть их, отображая данные, а затем представить кнопку, чтобы перейти на экран редактирования. Vue не поддерживает простую интерполяцию идентификатора строки конфигурации в 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-адрес для отображения, обычно он либо выдает ошибку, либо жалуется, что мой var не определен.
Как выполнить это (простое) задание?