Laravel vue路由器获取单个数据

我正试图通过他们的

slug

返回我的数据，例如

posts

，但到目前为止，我无法通过

Vue路由器

代码

控制器

public function single($slug)
    {
        $post = Post::where('slug', $slug)->first();
        return response()->json([
            "post" => $post
        ], 200);
    }

blog.vue

    <li v-for="post in posts" :key="post.slug">
      <router-link to="/blog/${post.slug}">{{ post.title }}</router-link>
    </li>

<script>
    export default {
        name: 'list',
        mounted() {
            if (this.posts.length) {
                return;
            }

            this.$store.dispatch('getPosts');
        },
        computed: {
            posts() {
                return this.$store.getters.posts;
            }
        }
    }
</script>

问题 问题是我在循环中得到了这种url

site.pp/blog/${post.slug}

我应该得到类似于：

site.pp/blog/hello-world

问题:

我哪里出错了？如何修复它

---

应该是

：to=“`/blog/${post.slug}`”

。如果它不使用v-bind，则被视为纯文本。@JacobGoh，谢谢，它正在工作，但我无法获取单个帖子数据（可能我需要提出新问题：-p）

site.pp/blog/hello-world