如何访问常用的JavaScript模块的电流路径元字段 -

Question

我已经在我的应用程序以下航线VueJs：

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; 

我想访问元领域在共同的模块。这怎么可能 ？

Answer 1

meta属性可通过Vue实例上的this.$route.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;