vue列表跳转到详情
Posted xzhce
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue列表跳转到详情相关的知识，希望对你有一定的参考价值。
index.js
{
path:"/blog/:id",
name:"SingleBlog",
component:SingleBlog
}
1.<router-link v-bind:to="‘/blog/‘ + blog.id"> <h2 v-color="">{{blog.title}}</h2> </router-link>列表页面跳转
2 详情页面
<script>
export default{
name:"single-blog",
data(){
return{
id:this.$route.params.id,
blog:{}
}
},
created(){
// console.log(this.id)
this.$http.get(‘https://jsonplaceholder.typicode.com/posts/‘+this.id)
.then(function(data){
console.log(data)
this.blog=data.body
})
.then(function(data){
this.blog = data.body
})
},
}
</script>
以上是关于vue列表跳转到详情的主要内容，如果未能解决你的问题，请参考以下文章