Vue中this.$router.push参数如何获取

1.params

由于动态路由也是传递params的,所以在 this.$router.push() 方法中path不能和params一起使用,否则params将无效。需要用name来指定页面。

及通过路由配置的name属性访问

在路由配置文件中定义参数:

Vue中this.$router.push参数如何获取 

立即学习“前端免费学习笔记(深入)”;

通过name获取页面,传递params:

Vue中this.$router.push参数如何获取 

在目标页面通过this.$route.params获取参数:

Vue中this.$router.push参数如何获取 

2.Query

页面通过path和query传递参数,该实例中row为某行表格数据

Vue中this.$router.push参数如何获取

在目标页面通过this.$route.query获取参数:

this.$route.query.row.xxx

登录后复制

以上就是Vue中this.$router.push参数如何获取的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2785463.html

(0)
上一篇 2025年3月8日 17:26:22
下一篇 2025年3月1日 20:55:55

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js如何获取select标签选中的值

    本文主要和大家分享js如何获取select标签选中的值,有两种方式和大家分享,希望能帮助到大家。 var obj = document.getElementByIdx_x(”testSelect”); //定位idvar index = o…

    编程技术 2025年3月8日
    200
  • 怎么使用select获取选中的值

    这次给大家带来怎么使用select获取选中的值,使用select获取选中的值的注意事项有哪些,下面就是实战案例,一起来看一下。 $(‘.city-area’).on(‘change’,function(){ //select切换事件    …

    编程技术 2025年3月8日
    200
  • Jquery下拉框数据动态获取该如何实现

    这次给大家带来Jquery下拉框数据动态获取该如何实现,Jquery下拉框数据动态获取实现的注意事项有哪些,下面就是实战案例,一起来看一下。 废话不多说,直接上源码: select.jsp <base href="” rel…

    编程技术 2025年3月8日
    200
  • js如何获取DOM元素

    文档对象模型(Document Object Model,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。本文主要和大家分…

    编程技术 2025年3月8日
    200
  • JavaScript的var与this,{}与function

    这次给大家带来javascript的var与this,{}与function,使用javascript的var与this,{}与function的注意事项有哪些,下面就是实战案例,一起来看一下。 JavaScript var是用来定义一个变…

    2025年3月8日 编程技术
    200
  • js中this的指向问题探讨

    本文主要和大家分享js中this的指向问题探讨,this关键字代表当前正在执行的方法的对象,如果没有当前方法,则是指全局变量。就是说this代表调用该方法的对象的引用。 一、全局作用域或者普通函数中this指向全局对象window。 //直…

    编程技术 2025年3月8日
    200
  • react事件绑定this的几种方式

    这次给大家带来react事件绑定this的几种方式,react事件绑定this的注意事项有哪些,下面就是实战案例,一起来看一下。 在react组件中,每个方法的上下文都会指向该组件的实例,即自动绑定this为当前组件,而且react还会对这…

    编程技术 2025年3月8日
    200
  • 在React组件中的this如何使用

    这次给大家带来在React组件中的this如何使用,在React组件中的this使用的注意事项有哪些,下面就是实战案例,一起来看一下。 React组件的this是什么 通过编写一个简单组件,并渲染出来,分别打印出自定义函数和render中的…

    2025年3月8日
    200
  • ES6箭头函数中的this指向哪里

    这次给大家带来ES6箭头函数中的this指向哪里,使用ES6箭头函数中的this的注意事项有哪些,下面就是实战案例,一起来看一下。 简要介绍:箭头函数中的this,指向与一般function定义的函数不同,箭头函数this的定义:箭头函数中…

    编程技术 2025年3月8日
    200
  • 深入理解javascript中this指针

    本文主要和大家分享深入理解javascript中this指针,在写java的时候,this用错了,idea都会直接报错! 比如…… 在面向对象编程里有两个重要的概念:一个是类,一个是实例化的对象,类是一个抽象的概念,用个形象的比喻表述的话,…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论