Laravel 5.3 и Vue 2

Я играю с 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 не определен.

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


person user101289    schedule 13.10.2016    source источник


Ответы (1)


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

person user101289    schedule 13.10.2016