vue编程式路由跳转和传参
2018-10-08 11:28
246 查看
vue编程式路由的跳转方式是:
[code]this.$router.push({ name:'' })
name属性后跟的是你要跳转的页面的name,所以尽量给每个页面都设置一个name,路径跳转的时候很方便的 。
在跳转的时候还可以附带的传递参数,而且传递参数的方式有两个,params和query,现在来看看他们的区别在哪里。
params传值:
[code]this.$router.push({ name:'', params:{id:id} }) // 接收参数 this.$route.params.id
query传值:
[code]this.$router.push({ name:'', query:{id:id} }) // 接收参数 this.$route.query.id
注意他们两个的参数接收方式,传递的时候是router,接收的时候是route!
他们的区别直白讲query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示。
阅读更多相关文章推荐
- vue基础教程(四) - 路由的配置、跳转、传参、嵌套
- vue-router--路由传参结合请求数据(页面底部按钮跳转功能实现参考)
- vue2.0 点击跳转传参--vue路由跳转传参数
- vue-router---路由编程式导航跳转及URL样式(登录界面参考)
- vue路由传参并跳转页面
- VUE点击实现路由跳转传参
- vue-router二级路由跳转一级路由传参(变量)的问题
- Vue 路由跳转方式 和 路由跳转时传参
- vue路由传参
- vue.js关于路由的跳转
- vue-tab切换,路由跳转
- 深入简出vue路由——4.编程式的导航
- 在vue中 用button跳转路由
- 2种方式解决vue路由跳转未匹配相应路由避免出现空白页面或者指定404页面
- Vue--router---->路由调试传参
- vue路由跳转时判断用户是否登录功能的实现
- VUE-cli全局变量,路由跳转引起计算属性函数的执行
- vue 命名路由跳转
- vue.js设置路由跳转时动画效果
- 解决方案:SSM+vue+webpack+vue-resource+vue-route路由项目验证session过期跳转至登陆界面