Vue-(10)页面跳转-传值
1、一，创建两页面，跳转-传值1，这里我们用 Vue 框架自带的页面 HelloWord.vue ，然后自己创建一个页面 textVue.vue ，并且放在一个文件下 componebts ，当然文件位置可以改变，为了图简单。
2、关于父组件的传值类型和props更多的定义详见官网 ： vue官网 （2）子组件向父组件传值 （3）通过 chlidren等方法调取用层级关系的组件内的数据和方法。
3、name指定要传到的页面。query指名要带的参数。 this.redirect：当出错时跳转到40接受值的页面用this.$route.query.id接受值。id为传值页面query里面的id。
路由解耦-解决Vue通过name和params进行跳转页面传参刷新参数丢失的问题…
第二种方法：params传参 （通过路由属性中的name来确定匹配的路由，通过params来传递参数。
给在src/router/index.js文件里的hi1配置的路由起个name，就叫hi最后在模板里(src/components/Hivue)用$route.params.username进行接收.总结： 今天我们学习了两种传参的方法，一般会使用第二种方法。
注意路由跳转传递 params 和 query 的方式不相同，传递 params 时，不能使用路由的 path ，需要用到路由 nam e属性，所以上面分了情况进行跳转。
params一旦设置在路由，params就是路由的一部分，如果这个路由有params传参，但是在跳转的时候没有传这个参数，会导致跳转失败或者页面会没有内容。
很显然，需要在path中添加/：id来对应 $router.push 中path携带的参数。在子组件中可以使用来获取传递的参数值。this.$route.params.id 方案二：父组件中：通过路由属性中的name来确定匹配的路由，通过params来传递参数。
vue中el-link为什么跳转不了页面
1、设置问题。在应用《el-link》使用方法中了解到该应用上的跳转到其他页面是设置问题导致的，用户需要在设置中进行调节，该应用是一款移动办公软件。
2、可以关机，发生跳转时不成功的话就要马上关闭电源。
3、参数里面如果有next，函数中需要调用一下next()；或者就是删除next。如果不写不报错但是不跳转页面。
4、介绍： 在vue项目开发中，使用路由进行页面跳转时，路由所跳转的页面不进行刷新。也就是vue生命周期函数没有执行(created、mounted钩子函数)。
声明：本文内容整理自网络，观点仅代表原作者本人，投稿号仅提供信息发布服务。如有侵权，请联系管理员。
