我正在将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调用时,我称其为
。