首页 > 其他分享 >vue-route

vue-route

时间:2022-08-24 14:36:48浏览次数:65  
标签:片段 vue 对象 route 数组 路由 matched

$route.path
类型: string
字符串,对应当前路由的路径,总是解析为绝对路径,如 /foo/bar。

  $route.params
  类型: Object
  一个 key/value 对象,包含了动态片段和全匹配片段,如果没有路由参数,就是一个空对象。

  $route.query
  类型: Object
  一个key/value 对象,表示 URL 查询参数。例如,对于路径/foo?user=1,则有 $route.query.user == 1,如果没有查询参数,则是个空对象。

  $route.matched
  类型:Array
  一个数组,包含当前路由的所有嵌套路径片段的路由记录 。路由记录就是 routes 配置数组中的对象副本 (还有在 children 数组)。

$route.matched可以用来制作面包屑
在route.js中定义好 路由参数,然后在 $route.matched 获取的就是路由的完整信息,是一个数组

标签:片段,vue,对象,route,数组,路由,matched
From: https://www.cnblogs.com/shinebay/p/16619760.html

相关文章

  • vue初始化data数据
     初始化datathis.$data= this.$options.data() 初始化data中form this.$data.form=this.$options.data().form......
  • 【Vue模板报错】关于 The template root requires exactly one element 报错的解决方
    报错内容  报错原因Vue只允许模板里存在一个根节点。解决方案在<template>中添加一个<div>标签,之后所有的组件全部加在<div>即可解决。 ......
  • vue样式穿透
    1、vue单文件组件作用域当<style>标签带有scoped attribute的时候,它的CSS只会影响当前组件的元素,和ShadowDOM中的样式封装类似。使用时有一些注意事项,不过好处是......
  • vue3 在setup 外部调用 useStore() 为 undefined 解决
    场景:在router/index.ts中想要获取storeimport{useStore}from'@/vuex';conststore=useStore()console.log('appstore',store)//undefined 在App.vue,或者......
  • 【Vue】图片裁剪功能支持
     一、效果展示:1、表单的图片上传项:-新增时默认一个空白Input框-更新时展示以往上传存放的图片,-点击【查看】浏览完整大小-点击【删除】清空src地址,重新......
  • Linux安装Vue环境
    原文链接nodejsnodejs下载地址:https://nodejs.org/en/download/下载后上传到服务器,并解压。进入解压的文件夹,可以查看版本:./bin/node-v建立node软连接,变为全......
  • 若依vue部署遇到的一些问题
    背景:生产服务器9000端口,更目录/用于跳转到vue打好的包下,/scoreMange-prod-api用于匹配后台接口;在域名映射ip的时候遇到了问题,一级Nginx配置:  二级Nginx配置:  ......
  • vue3+ts使用bus事件总线
    1、在vue2中我是这样使用的//创建一个vueBus.jsimportBusfrom'vue';letinstall=function(Vue){Vue.prototype.$bus=newBus()}exportdefault{install};......
  • vue3 学习-初识体验-组件 component
    组件可以简单理解为"页面构成的一部分".组件化是Vue最为重要的设计理念之一吧.早期的前端页面基本上就拆分为一个个的html,css,js文件,然后不断"堆砌",一套js库......
  • VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统(四)
    在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.netWebA......