当我向网址添加参数时,防止调用Vue.js Nuxt asyncData

时间:2020-03-12 09:52:13

标签: javascript vue.js axios nuxt.js asyncdata

我正在将vuejs与nuxt和Nuxt Axios模块一起使用。我有一个表,该表具有各种方法来对其进行筛选,搜索,排序等。它从api调用获取数据。为了使其成为SSR负载,我首先使用asyncData进行加载,然后使用各种方法来处理对服务器端排序和搜索的调用。

问题是我也想将要发送到服务器的搜索参数也添加到页面的url中,以便可以共享搜索结果。似乎在触发向URL添加parma的方法时有时会触发asyncData调用。这里的问题是它要进行两次调用,效果不佳,而且您无法使用asyncData传递组件中的数据。当我运行以下方法时,有什么方法可以防止asyncData被调用?

这是我用来将搜索添加到页面url的方法:

_updateUrl(search) {
  this.$router.push({ query: { ...this.$route.query, search: search } });
}

当我将搜索从输入传递到api调用时,我称其为

0 个答案:

没有答案