Question

我是新手，因为我试图在我的刀片中使用laravel路线中的vue数据中的id，但它不知道为什么

<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

你非常接近！但是，JavaScript并不知道在那里运行，因此您可能希望将href属性绑定到数据属性，函数或计算属性。

<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。

Answer 2

我是如何修复它的，感谢@GoogleMac

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

在laravel刀片路径中使用vue即时搜索数据

2 个答案: