Vue 中 route.path 和 route.fullPath 的区别

route.path和route.fullPath是Vue Router中route对象的两个属性，用于获取当前路由的路径信息，区别如下：1. route.path只包含从基本URL后开始的路径，假设基本URL（base URL）为/app，并且当前路由为/app/home?a=1，那么route.path的值将是/home；2.route.fullPath包含从基本URL后开始的路径，假设基本U

钱端工程师

4116人浏览 · 2023-07-20 10:35:33

钱端工程师 · 2023-07-20 10:35:33 发布

route.path和route.fullPath是Vue Router中route对象的两个属性，用于获取当前路由的路径信息，区别如下：

1. route.path 只包含从基本URL后开始的路径，假设基本URL（base URL）为 /app，并且当前路由为 /app/home?a=1，那么route.path的值将是 /home；

2.route.fullPath 包含从基本URL后开始的路径，假设基本URL（base URL）为 /app，并且当前路由为 /app/home?a=1，那么route.path的值将是 /home?a=1；

如：

//路径：http://127.0.0.1:3000/home?a=1
console.log(route.path)// 输出 /home
console.log(route.fullPath)// 输出 /home?a=1

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^