использование данных мгновенного поиска vue в маршруте лезвия Laravel

Question

я новичок в vue. Я пытаюсь использовать идентификатор из данных vue в маршруте laravel в моем блейде, но не работает, почему

<my-results>
    <template slot-scope="{ result }">
        <div>
            <h1><a href="/reports/result.id"><ais-highlight :result="result" attribute-name="name"></ais-highlight></a></h1>     

                <h4>@{{ result.id }}</h4>

        </div>
    </template>
</my-results>

Answer 1

Вот как я это исправил, спасибо @ GoogleMac

 <a :href="'/reports/'+ result.id">
            <ais-highlight :result="result" attribute-name="name"></ais-highlight>
   </a>   

Answer 2

Ты очень близко!JavaScript не знает, как там работать, поэтому вам, вероятно, захочется связать атрибут href со свойством data, функцией или вычисляемым свойством.

<my-results>
    <template slot-scope="{ result }">
        <div>

            <h1>
                <a :href="resultUrl(result.id)">
                    <ais-highlight :result="result" attribute-name="name"></ais-highlight>
                </a>
            </h1>

            <h4>@{{ result.id }}</h4>
        </div>
    </template>
</my-results>

Вот пример функции:

resultUrl(id) {
    return '/reports/' + id;
}

Вы заметите, что я поставил двоеточие перед атрибутом href, что сокращенно от v-bind: href.