Vue.js 如何访问通用 javascript 模块中的当前路由元字段

发布于10月17日

我在申请中有以下途径:

const router = new Router({
  mode: 'history',
  scrollBehavior: () => ({ y: 0 }),
  routes: [
    { path: '/', component: HomePage, meta: { pageType: 'home'} },
  ],
});

在通用js模块上:

const trackEvent = {
  getFields: () => {
   //here need to access meta fields(pageType) of current route. how is it possible ?
  }
}
export default trackEvent;

我想访问公共模块中的元字段.怎么可能？

推荐答案

在Vue实例上，可以通过this.$route.meta访问meta属性.把它传给getFields方法.

export default {
  created() {
    let meta = getFields(this.$route.meta);
  }
}

getFields: (meta) => {
  console.log(meta);

  return meta.fields.pageType; // not sure what you're trying to return exactly
}

如果无法通过当前路由，则需要导入router对象并从中获取当前路由:

import router from 'path/to/your/router'

const trackEvent = {
  getFields: () => {
    let meta = router.currentRoute.meta;
    console.log(meta);

    return meta.fields.pageType; // not sure what you're trying to return exactly
  }
}
export default trackEvent;