Rumah > hujung hadapan web > tutorial js > vue激活当前路由步骤详解

vue激活当前路由步骤详解

php中世界最好的语言
Lepaskan: 2018-05-10 14:25:53
asal
1815 orang telah melayarinya

这次给大家带来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属性,原因还不知道。。

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

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

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

Atas ialah kandungan terperinci vue激活当前路由步骤详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan