vue平行组件传值 params
2017-11-01 14:28
411 查看
需要传值的组件组件:
接收值的组件:
接收值的组件在mounted里
<template> <div> <router-link :to="{ name: 'twdetails', params: { id: a }}" > </router-link> </div> </template> <script type="text/ecmascript-6"> export default { data(){ return{ a:1 } } } </script>
接收值的组件:
<script> export default { data(){ return{ id:0 } }, mounted(){ console.log('id: ' + this.$route.params.id); this.id=this.$route.params.id } } </script>
接收值的组件在mounted里
this.$route.params 就可以取到值
相关文章推荐
- vue组件之间互相传值:父传子,子传父
- vue父组件向子组件动态传值的两种方法
- vue-自定义组件传值
- VUE之父子组件间传值
- Vue 组件传值几种常用方法【总结】
- 深入理解Vue 组件之间传值
- Vue2.0 子组件传值给父组件
- vue 父子组件传值
- vue2.0组件之间传值、通信的多种方式(干货)
- vue父子组件中传值
- 使用vue开发输入型组件更好的一种解决方式(子组件向父组件传值,基于2.2.0)
- Vue父子模版传值及组件传值的三种方法
- vue-子组件向父组件传值
- vue 利用slot向父组件传值
- VUE组件传值
- vue几种组件传值
- vue.js 兄弟组件传值
- 详解vue父子组件间传值(props)
- Vue父子组件传值
- vue界面传值(子父组件)