我正在使用 Nuxt JS v2，需要在每次页面更改和页面加载期间运行一个函数，我知道我可以在布局中添加路由观察器，但这意味着必须将其添加到每个布局中，我有很多，例如：
1
239<script>
export default {
watch: {
$route(to, from) {
console.log('route change to', to)
console.log('route change from', from)
}
}
}
</script>
我有一个名为 cookie-tracking.js 的插件，希望如果我添加一个 console.log 到它，它会在每个页面更改时被调用，但是不，什么可以我添加了这种行为的发生：
export default ({ app, route }, inject) => {
console.log('run on each page change...')
}
收藏
收藏
收藏
Copyright 2014-2023 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号
![ThinkPHP5实战之[教学管理系统]](https://img.php.cn/upload/course/000/000/068/6253d87459486427.png)
由于 Nuxt2 路由器基于 Vue-Router3，因此当您同时使用
push({name: ''})和 路径('路径字符串')代码>布局/default.vue
// https://v3.router.vuejs.org/api/#route-object-properties computed: { fullPath() { return this.$route.fullPath; }, path() { return this.$route.path; } }, watch: { // /a/b?c=d => /a/b?c=e will trigger this fullPath(newFullPath) { // do something }, // /a/b => /a/c will trigger this, the above won't path(newPath) { // do something } } // or just watch with quote watch: { '$route.fullPath'(newFullPath) { // do something }, }考虑到您的用例（cookie-tracking.js），您可能在更改路径时仅触发一次事件，因此您可以将其放入layout/default.vue 而不是每个 Nuxt-Page-Component，如果您有多种布局，您可以考虑将代码重构为
mixin