我有一个nuxt/vue应用使用阿波罗来查询Wordpress上的WPGraphQL。我很难在我的索引页面上设置我的nuxt-link来路由到我的_slug.vue页面。如果我使用post的slug在浏览器上手动输入url,我就能够呈现我想要的数据。在我的索引页面中,如何使用带参数的post.slug来呈现我的_slug.vue页面? 这是我的GraphQL查询: post(id: $slug, idType: SLUG) {
title
slug
date
id
content(format: RENDERED)
author {
下面是我的函数,其中我使用了getServerSideProps()方法,并根据参数post_slug动态地从我的URL中获取数据。
// This gets called on every request
export async function getServerSideProps({ query }) {
const { post_slug } = query || {};
let url = API_URLS.POST.GET_POST_BY_SLUG;
url = url.replace(/#POST_SLUG#/g, post_slug);
const re
我使用的是Nuxt.js,它有一个动态页面,定义在
pages/post/_slug.vue
所以,当我访问页面url时,比如说,,我如何读取页面中的这个片段参数值。
目前,我正在使用asyncData获取它,如下所示:
asyncData ({ params }) {
// called every time before loading the component
return {
slug: params.slug
}
}
这很好,但我认为这不是最好的方法,应该有更好的方法使参数可用于页面。任何帮助都是非常感谢的!
我有一个Nuxt/Vue应用程序,其中有一个显示图表的页面。此页面还包含
允许用户创建新数据点的模态组件。
下拉菜单允许用户选择他们希望图表显示多少天的数据。
我希望做到以下几点:
在创建新的数据条目后刷新页面(再次调用我的API )
当用户选择不同的下拉值时刷新页面
我现在面临的主要问题是,在关闭数据输入模式几秒钟后,条形图就消失了,我可以在控制台中看到以下错误:Error: [vuex] do not mutate vuex store state outside mutation handlers.。
此外,我似乎不能通过更改下拉值来触发更新,但这是我的次