vue激活当前路由步骤详解

这次给大家带来vue激活当前路由步骤详解,vue激活当前路由的注意事项有哪些,下面就是实战案例,一起来看一下。

一个 route object(路由信息对象) 表示当前激活的路由的状态信息,包含了当前 URL 解析得到的信息,还有 URL 匹配到的 route records(路由记录)。

route object 是 immutable(不可变) 的,每次成功的导航后都会产生一个新的对象。

route object 出现在多个地方:

在组件内,即 this.$route

在 $route 观察者回调内

router.match(location) 的返回值 (在main.js可以获取当前激活路由信息)

注意:

this.$route的path和router.match(location)的path是不一样的,他们都有一个属性fullpath,值是hash和path的拼接,router.match(location)在我这里一直是等于/login,应该是指向根路由,hash是带上描点#的当前路由路径,因此,要使用router.match(location)获取当前激活的路由,只能使用hash属性,原因还不知道。。

vue激活当前路由步骤详解

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

vue1与vue2获取dom元素步骤详解

Vue动态创建与删除数据步骤详解

以上就是vue激活当前路由步骤详解的详细内容,更多请关注【创想鸟】其它相关文章!

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

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

(0)
上一篇 2025年3月8日 10:02:07
下一篇 2025年3月8日 10:02:14

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

相关推荐

  • axios+post方法提交formdata步骤详解

    这次给大家带来axios+post方法提交formdata步骤详解,axios+post方法提交formdata的注意事项有哪些,下面就是实战案例,一起来看一下。 vue框架推荐使用axios来发送ajax请求,之前我还写过一篇博客来讲解如…

    2025年3月8日 编程技术
    200
  • 在vue里使用axios步骤详解

    这次给大家带来在vue里使用axios步骤详解,在vue里使用axios的注意事项有哪些,下面就是实战案例,一起来看一下。 通常情况下,我们搭建好的项目目录应该是这样子的 首先需要安装axios,这个会npm的都知道 下一步,在main.j…

    2025年3月8日 编程技术
    200
  • vue+axios表单中上传图片步骤详解

    这次给大家带来vue+axios表单中上传图片步骤详解,vue+axios表单中上传图片的注意事项有哪些,下面就是实战案例,一起来看一下。 然后问题就是element 中的上传控件在没有图片的时候是不会触发提交的,但接口写的是有file的 …

    编程技术 2025年3月8日
    200
  • vue实现图片与文件上传步骤详解

    这次给大家带来vue实现图片与文件上传步骤详解,vue实现图片与文件上传的注意事项有哪些,下面就是实战案例,一起来看一下。 html页面 //注意不能带括号 登录后复制 js代码 methods: {//上传图片onUpload(e){ v…

    2025年3月8日
    200
  • vue手机与邮箱正则验证步骤详解

    这次给大家带来vue手机与邮箱正则验证步骤详解,vue手机与邮箱正则验证的注意事项有哪些,下面就是实战案例,一起来看一下。 今天写了一个简单的验证,本来前面用的组件,但是感觉写的组件在此项目不是很好用,由于用到的地方比较少,所以直接写在了页…

    编程技术 2025年3月8日
    200
  • js中存储键值对使用详解

    这次给大家带来js中存储键值对使用详解,js中存储键值对使用的注意事项有哪些,下面就是实战案例,一起来看一下。 重点内容 var map={ key1:’abc’, key2:’def’};$(document).ready(functio…

    编程技术 2025年3月8日
    200
  • 使用webpack4.0打包优化详解

    这次给大家带来使用webpack4.0打包优化详解,使用webpack4.0打包优化的注意事项有哪些,下面就是实战案例,一起来看一下。 webapck4 新特性介绍-参考资料 当前依赖包的版本   1.优化loader配置  1.1 缩小文…

    2025年3月8日 编程技术
    200
  • 树形控件修改iview步骤说明

    这次给大家带来树形控件修改iview步骤说明,树形控件修改iview的注意事项有哪些,下面就是实战案例,一起来看一下。 实现原理 修改了element-ui源码,把源码里面的tree模块提取出来 然后修改element自带checkbox等…

    2025年3月8日
    200
  • vue实现全选反选功能案例详解

    这次给大家带来vue实现全选反选功能案例详解,vue实现全选反选功能的注意事项有哪些,下面就是实战案例,一起来看一下。 全选功能可以说是前端开发中非常常见的一个功能,以前的项目开发用jQuery开发比较多。最近在使用vue前端框架重构之前的…

    2025年3月8日
    200
  • Vue项目内引入icon图标步骤详解

    这次给大家带来Vue项目内引入icon图标步骤详解,Vue项目内引入icon图标的注意事项有哪些,下面就是实战案例,一起来看一下。 1.下载icon图标,推荐icomoon网站,里面有大量的矢量图标,也可以自定义,当然你也可以去阿里巴巴矢量…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论