related-posts 相关问题

将两个 javascript 对象合并为一个？ [重复]

我正在尝试将以下对象合并为一个，但到目前为止还没有成功 - 我的 console.log 中的结构如下： 2018-05-11 : {posts: 2} // var posts 2018-05-11 : {注释: 1} // var n...

如何修复 ImproperlyConfigured：QuerySet 类不继承自 TranslatableQuerySet

我的项目有 ImproperlyConfigured 错误。请帮帮我。 错误主体： 内部服务器错误：/en/admin/posts/post/ 回溯（最近一次调用最后一次）： 文件“C:\Users\User\.virtualenvs 呃……

Laravel 10 控制器搜索查询中的多个“Where”子句返回空集

我正在尝试在数据库的整行中搜索用户的搜索栏输入。我的代码返回一个空集： $posts = 帖子::where([ ['标题', '喜欢', '%'.$搜索.'%'], ...

如何使用Vue Router的相对重定向（不起作用）？

我正在从 Vue router Doc 学习相对重定向。 我正在尝试实现代码的文档示例。 常量路由 = [ { // 始终将 /users/123/posts 重定向到 /users/123/prof...

访问 firestore 中父集合的文档内的集合

我希望获取名为 users 的集合的数据，其中包含 id 为登录用户 uid 的文档。此外，这些文档包含一些数据和一个名为 posts 的子集合。 我...

11ty - 如何显示帖子/页面年份？

我正在使用 Eleventy 并使用 Posts。我已经使用以下格式在元数据中设置了日期 日期：2021年9月10日。 我可以使用显示完整日期 {{ 页面.日期 |可读日期 }} 但我想展示一下...

嵌套 useFetch 导致 Nuxt 3 中的 Hydration 节点不匹配

在 Nuxt 3 页面内，我通过从 pinia 存储调用操作来获取帖子数据： {{ 发布数据 }} {{ 帖子内容... 在 Nuxt 3 页面内，我通过从 pinia 商店调用操作来获取帖子数据： <template> <div v-if="postData && postContent"> {{ postData }} {{ postContent }} </div> </template> <script setup> const config = useRuntimeConfig() const route = useRoute() const slug = route.params.slug const url = config.public.wpApiUrl const contentStore = useContentStore() await contentStore.fetchPostData({ url, slug }) const postData = contentStore.postData const postContent = contentStore.postContent </script> 那是我的商店： import { defineStore } from 'pinia' export const useContentStore = defineStore('content',{ state: () => ({ postData: null, postContent: null }), actions: { async fetchPostData({ url, slug }) { try { const { data: postData, error } = await useFetch(`${url}/wp/v2/posts`, { query: { slug: slug }, transform(data) { return data.map((post) => ({ id: post.id, title: post.title.rendered, content: post.content.rendered, excerpt: post.excerpt.rendered, date: post.date, slug: post.slug, })); } }) this.postData = postData.value; if (postData && postData.value && postData.value.length && postData.value[0].id) { const {data: postContent} = await useFetch(`${url}/rl/v1/get?id=${postData.value[0].id}`, { method: 'POST', }); this.postContent = postContent.value; } } catch (error) { console.error('Error fetching post data:', error) } } } }); 浏览器中的输出正常，但我在浏览器控制台中收到以下错误： entry.js:54 [Vue warn]: Hydration node mismatch: - rendered on server: <!----> - expected on client: div at <[slug] onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <Anonymous key="/news/hello-world()" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/news/hello-world', hash: '', query: {…}, name: 'news-slug', path: '/news/hello-world', …} ... > at <RouterView name=undefined route=undefined > at <NuxtPage> at <Default ref=Ref< undefined > > at <LayoutLoader key="default" layoutProps= {ref: RefImpl} name="default" > at <NuxtLayoutProvider layoutProps= {ref: RefImpl} key="default" name="default" ... > at <NuxtLayout> at <App key=3 > at <NuxtRoot> 如何解决这个问题？ 我尝试在 onMounted 中获取帖子数据，但在这种情况下 postData 和 postContent 保持为空 onMounted(async () => { await contentStore.fetchPostData({ url, slug }) }) 您可以使用 ClientOnly 组件来消除该警告。请参阅文档了解更多信息。 该组件仅在客户端渲染其插槽。