laravel - Laravel vue-router 获取单个数据
问题描述
我正在尝试posts
通过他们返回我的数据,slug
但到目前为止我无法通过Vue-router
代码
controller
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>
vuex store.js
state: {
posts: []
},
getters: {
posts(state) {
return state.posts;
}
},
mutations: {
updatePosts(state, payload) {
state.posts = payload;
}
},
actions: {
getPosts(context) {
axios.get('/api/posts')
.then((response) => {
context.commit('updatePosts', response.data.posts);
})
}
}
问题
问题是我在循环中得到了这种 url
site.pp/blog/${post.slug}
我应该得到类似的东西:
site.pp/blog/hello-world
问题
- 我在哪里犯错了?以及如何解决?
解决方案
推荐阅读
- ios - Xcode 10 beta2:无法为没有参数的“UIView”类型调用初始化程序
- javascript - 初始化后如何将输入绑定到Vue实例?
- entity-framework - 实体框架:从文本文件加载数据库
- authentication - Nest js 无法解析依赖项。在身份验证服务中
- http - 如何将 C++ /WinRT HttpRequestMessage 与自定义 POST 正文和 HttpFormUrlEncodedContent 一起使用(UWP 应用程序)
- mysql - Linux Customized Cron - 从 Mysql 运行 cron
- python - 从python中的文本中提取JSON
- r - 在集群上运行时 R 脚本出错。脚本在笔记本电脑上运行良好
- ruby-on-rails - 我该怎么办?即使在更新 Sprockets 之后,Heroku 也阻止了我的推送
- angular - 角度 5/6:错误错误:mat-form-field 必须包含 MatFormFieldControl