如何使用 Alpine.js 在 href 中传递路由参数

Question

我第一次在 Laravel 项目中使用 Alpine.js 并想向组件添加一个 href 标签，但是我不确定如何正确路由参数

<template x-for="(post, index) in posts" :key="index">
    <a x-bind:href="post.id">
        <p class="mt-2 block text-sm font-medium text-gray-900 truncate pointer-events-none">
            <span x-text="post.text"></span>
        </p>
    </a>
</template>

是否重定向到

/id

并传递了 id 但我需要转到指定的路由帖子并期待

/posts/id

如果我添加

 <a x-bind:href="posts/post.id">

结果是重定向

/posts/NaN

Answer 1

你可以试试这个：<a x-bind:href="posts + '/' + post.id">

如何使用 Alpine.js 在 href 中传递路由参数

How to pass route parameter in a href using Alpine.js

laravel

alpine.js