时间戳

首页 > 解决方案 > 通过 nuxt-link 转到子页面时，如何防止调用父 fetch() 挂钩？它是一个错误吗？

fetch - 通过 nuxt-link 转到子页面时，如何防止调用父 fetch() 挂钩？它是一个错误吗？

问题描述

我对父 fetch() 挂钩有问题，该挂钩在通过 nuxt-link 转到子页面期间被调用。如何解决这个问题？也许是 nuxt.js 错误？为了实现 parent -> child 结构，我根据 nuxt.js 文档中给出的模式设置我的项目：
-parent.vue
-parent
--child1.vue
--child2.vue

例如，通过 nuxt-link 访问 Child1：<nuxt-link to="/parent/child1">Child1</nuxt-link>会在父级中调用 fetch() 挂钩。

我想很多人都有这个问题。预先感谢您帮助解决此问题。

标签： fetchhookparent-childnuxt.js

解决方案

看看 Vue 自定义选项合并策略https://vuejs.org/v2/guide/mixins.html#Custom-Option-Merge-Strategies

~/plugins/custom-merge-fetch.js

import Vue from 'vue'

Vue.config.optionMergeStrategies.fetch = function (childFetch, parentFetch) {
  // your logic
}

在 nuxt.config.js

plugins: [
  '~/plugins/custom-merge-fetch',
],

推荐阅读