欢迎加入前端交流群交流知识&&获取视频资料:749539640
需要传值的组件组件:
1 <template> 2 <div> 3 <router-link :to="{ name: 'twdetails', params: { id: a }}" > 4 5 </router-link> 6 </div> 7 </template> 8 9 <script type="text/ecmascript-6"> 10 export default { 11 data(){ 12 return{ 13 a:1 14 } 15 } 16 } 17 </script>
接收值的组件:
1 <script> 2 export default { 3 4 data(){ 5 return{ 6 id:0 7 } 8 }, 9 mounted(){ 10 console.log('id: ' + this.$route.params.id); 11 this.id=this.$route.params.id 12 13 } 14 15 } 16 17 </script>
接收值的组件在mounted里
this.$route.params
就可以取到值