描述
在vue中 父子组件之间的传值可以通过props属性。这个就不多说,最近学习的时候遇到一个问题就是非父子组件之间的传值。在官方文档中也是有教程的这里
vue官方链接
https://router.vuejs.org/zh/api/#router-link
在文档中说明可以通过router-link里面的属性进行配置传值 一个简单的demo如下:
组件a:
<router-link :to="{ name:'Content', params: { id:123 }}">跳转到组件b</router-link>
组件b:
export default {
name:'Content',
data:function(){
return {
id:null
}
},
created:function(){
// 取到路由带过来的参数
let id = this.$route.params.id;
// 将数据放在当前组件的数据内
console.log(this. id );
}
}
