在 Vue.js 中获取当前路由中的参数,可以使用 Vue Router 提供的 $route 对象。

$route 对象包含了当前路由的所有信息,包括路由参数、路径、查询参数等。

假设我们有一个路由配置如下:

{  
  path: '/user/:id',  
  name: 'user',  
  component: User
}

我们可以在组件中通过 $route 对象获取路由参数 id 的值:

 export default {  
  mounted() {  
  console.log(this.$route.params.id)  
  }  
}

同时,我们也可以在 Vue 实例中使用 $route 对象获取当前路由信息:

new Vue({  
  router,  
  created() {  
  console.log(this.$route.params.id)  
  }  
})
Vue.js 获取当前路由参数:方法与示例

原文地址: https://www.cveoy.top/t/topic/m4wx 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录