quasar 在 setup() 周期阶段想设置meta信息，如何获取当前的 route 参数动态设置

 

在Vue 3 的Composition API（组合式API）中，特别是在 setup() 钩子函数阶段，

由于没有访问到常规的 Vue 实例(this上下文)，所以不能直接使用 this.$route 来获取路由信息。

但是，你可以通过 useRoute() 函数来访问当前活跃的路由对象：

 

import { useRoute } from 'vue-router';

export default {
  setup() {
    const route = useRoute();

    // 获取当前路由的名字（如果已知是name属性）
    const routeName = route.name;

    // 或者，如果你关心的是动态路由参数，例如 '/x/:name' 中的 name
    const dynamicParam = route.params.name;

    // 根据 routeName 设置meta信息
    // 假设你有一个meta对象需要更新
    const metaInfo = {
      title: routeName,
      // ... 其他meta信息
    };

    return {
      // 返回所需数据或方法
      routeName,
      // 或其他你想暴露给模板的数据
    };
  },
};

 

Link：https://www.cnblogs.com/farwish/p/18060060