Vue项目，在js文件里获取路由参数以及路由跳转

在Vue项目中，可以使用this.$route对象来获取当前路由的参数以及执行路由跳转。

获取路由参数：

// 在Vue组件的方法中
export default {
  methods: {
    getRouteParams() {
      const params = this.$route.params; // 获取路由参数
      console.log(params);
    }
  }
}

路由跳转：

// 在Vue组件的方法中
export default {
  methods: {
    navigateTo(path) {
      this.$router.push(path); // 跳转到指定路由
    },
    navigateToNamedRoute(name, params) {
      this.$router.push({ name, params }); // 使用命名路由跳转并传递参数
    }
  }
}

在js文件中使用路由：

import router from './router'; // 假设router是Vue Router实例
 
function someFunction() {
  const currentRoute = router.currentRoute;
  const params = currentRoute.params;
  console.log(params);
 
  // 跳转到一个指定的路径
  router.push('/new-path');
 
  // 使用命名路由和参数跳转
  router.push({ name: 'NamedRoute', params: { userId: 123 } });
}

请确保在js文件中正确地引入了Vue Router实例，并且这个文件在Vue项目的上下文中被正确加载。