nuxt.js 相关问题

Nuxt.js是一个用于创建Vue.js应用程序的框架，您可以选择Universal，Static Generated或Single Page应用程序（受Next.js启发）

我正在尝试向 WordPress 托管的博客的每篇文章添加一些开放图谱标签。当我运行“npm run dev”时，此代码有效，但是当我运行“npm rungenerate && firebase d...

vue.js vuex head nuxt.js

回答 3 投票 0

如何进行模态窗口调用。来自另一个文件？我不明白为什么我做不到。文件1：如何进行模态窗口调用。来自另一个文件？我不明白为什么我做不到。文件1： <template> <section class="header"> <div class="header-container"> <div class="header_start"> <a href="#!" class="header__logo">YooMoney</a> </div> <div class="header-buttons_end"> <button class="header_button" @click="isOpen = true; console.log('Button clicked')">Sign In</button> <teleport to="body"> <Authorization v-if="isOpen" /> </teleport> </div> </div> </section> </template> <script setup lang="ts"> import { ref } from 'vue'; import Authorization from "@/components/ModalWindow/Authorization.vue"; const isOpen = ref(false) </script> 文件2： <template> <MazDialog v-model="isOpen" title="Dialog Title"> <p> Your content </p> <template #footer="{ close }"> <MazBtn @click="close"> Confirm </MazBtn> </template> </MazDialog> </template> <script setup> import { ref } from 'vue' import MazDialog from 'maz-ui/components/MazDialog' const isOpen = ref(false) </script> 呃，对不起。我刚刚学习。点击“登录”时需要。从文件中打开模式窗口。我正在使用 nuxt。您可以通过在子元素中发出来调用它在你的元素中添加 @click="isOpen = true; newquery 像这样 <button class="header_button" @click="newquery" > const emit = defineEmits(['openmymodal']) function newquery(new_value = "close_modal"){ emit ('openmymodal',new_value) } 并且在您的父元素中您应该添加 <MazDialog v-model="isOpen" title="Dialog Title" @openmymodal="dothisfunction"> <script setup> const dothisfunction= (new_value) =>{ isOpen.value = false }

javascript vue.js nuxt.js vue-component

回答 1 投票 0

路线页面上的Nuxt3渲染模式

Nuxt3页面路由默认渲染在客户端？我的应用页面只有第一页在服务器端渲染，其他页面像vue router一样在客户端渲染，这正常吗？我可以获取页面吗

vue.js nuxt.js nuxt3

回答 1 投票 0

nuxt3 需要访问 Nuxt 实例的可组合项在插件、Nuxt 钩子、Nuxt 中间件或 Vue 设置函数之外被调用

我从 nuxt 3 开始，我正在开发一个项目，在该项目中，我们将 useFetch 集中在一个可组合项中，我们决定将其放置在可组合项中 const config = useRuntimeConfig(); 使用

vue.js nuxt.js vuejs3 nuxtjs3

回答 1 投票 0

Capacitor-JS 状态栏在 IOS 中重叠

我正在使用带有电容器的 NuxtJS。当我们滚动时，IOS 设备上的顶部状态栏会重叠。我还在 Capacitor.config 中添加了 "ios": {"contentInset": "always"} 。

ios vue.js nuxt.js statusbar capacitor

回答 3 投票 0

如何构建SSR

我们目前正在使用 npm rungenerate 构建 Nuxt 应用程序，并将其部署为静态站点生成器（SSG）。然而，我们遇到了一个问题，即应用程序被构建为

javascript vue.js nuxt.js nuxtjs3 static-site-generation

回答 1 投票 0

无法将 Nuxt 3 应用程序部署到 GitHub Pages 或 Netlify

因此，我编写了一个简单的登陆页面应用程序来学习 Nuxt 3，并且一直尝试将其部署到 GitHub Pages 或 Netlify，但没有成功。这是一个非常简单的应用程序，基本上是三个不同的页面，ve...

deployment nuxt.js github-pages netlify nuxt3

回答 1 投票 0

从 Nuxt3 项目调用第三方 API 时如何保护/隐藏 x-api-key

我正在创建一个新的 Nuxt3 项目，在其中调用第三方 API，它使用 x-api-key 来获取数据。如何保护我的 x-api-key？比如在 Nuxt3 JS 中使用中间件或其他东西 API 正在运行

cors nuxt.js middleware nuxt3

回答 1 投票 0

从 Nuxt 2 迁移到 Nuxt 3 时遇到困难

我在从 Nuxt 2 迁移到 Nuxt 3 时遇到困难，我有一个问题。目前，在 Nuxt 2 中，我通过中间件处理身份验证。正如您在下面的代码中看到的，我是您...

javascript nuxt.js migration nuxtjs3

回答 1 投票 0

useFetch 和 nuxt i18n 模块的问题

我正在开发 nuxt 3 项目，我在 useFetch 和 nuxt i18n 模块方面遇到问题，在我的 default.vue 布局中，我有页脚、导航栏组件，当站点打开时，还有从后端获取的数据...

nuxt.js nuxt3 nuxt-i18n usefetch

回答 2 投票 0

nuxt3 i18n 适用于非英语字符

这是 nuxt 3 与 i18n 的链接问题是：当它使用时我收到错误 404 但是并且找不到匹配的 lo...

nuxt.js nuxtjs3 nuxt3 nuxt-i18n

回答 1 投票 0

NUXT useFetch 调用失败

当我在 NUXT 环境中运行此代码时： const 响应 = 等待 useFetch('https://seasee-headless.local/wp-json/wc/v3/products', { 参数：{ 消费者秘密：'

nuxt.js nuxtjs3 nuxt3

回答 1 投票 0

使用 MathJax 进行 LaTeX 渲染

我尝试使用库 mathjax，但它在 Nuxt 3 中不起作用 <vue-mathjax :formula="formula"/&g...</desc> <question vote="0"> <p>我尝试使用库<a href="https://github.com/justforuse/vue-mathjax-next" rel="nofollow noreferrer">mathjax</a>，但它在Nuxt 3中不起作用</p> <pre><code><template> <div> <textarea v-model="formula"/> <vue-mathjax :formula="formula"/> </div> </template> <script setup lang="ts"> const formula = ref('$$x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}.$$'); </script> </code></pre> <p><pre><code>/plugins</code></pre></p> <pre><code>import VueMathjax from 'vue-mathjax-next'; export default defineNuxtPlugin(({ vueApp }) => { vueApp.use(VueMathjax) }) </code></pre> <pre><code>- Client vnode: span - Server rendered DOM:  at <VueMathjax formula="$$x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}.$$" > at <Test onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > at <RouteProvider key="/test" vnode= {__v_isVNode: true, __v_skip: true, type: {…}, props: {…}, key: null, …} route= {fullPath: '/test', hash: '', query: {…}, name: 'test', path: '/test', …} ... > at <BaseTransition onAfterLeave= [ƒ] mode="out-in" appear=false ... > at <Transition onAfterLeave= [ƒ] name="page" mode="out-in" > 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> </code></pre> <p>我尝试使用库<a href="https://github.com/justforuse/vue-mathjax-next" rel="nofollow noreferrer">vue-mathjax-next</a>，但它在Nuxt 3中不起作用目标是能够使用 Latex 渲染此类文本。</p> <pre><code> Cross out the common factor: $\dfrac{7}{10}$ Multiply a number to both the numerator and the denominator: $\dfrac{7}{10} \times \dfrac{10}{10}$ Write as a single fraction: $\dfrac{7 \times 10}{10 \times 10}$ Calculate the product or quotient: $\dfrac{70}{100}$ Rewrite a fraction with denominator equals 100 to a percentage: $70\%$``` </code></pre> </question> <answer tick="false" vote="0"> <p>根据 [Vue2 相关存储库] 版本中的评论，看起来您需要包含 MathJax 脚本，因为该组件本身不会加载它。</p> <p>在 Nuxt 3 中，您可以使用 <pre><code><Script></code></pre> 标签而不是 <pre><code><script></code></pre> 在组件中放置脚本。 <a href="https://stackoverflow.com/questions/70284856/nuxt-add-script-to-head-and-body">[参考]</a></p> <blockquote> <p>请注意，从 Nuxt 3.0.0-rc.14 开始，Script 组件已被弃用，建议的方法现在是 useHead </p> <p><a href="https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.14" rel="nofollow noreferrer">https://github.com/nuxt/framework/releases/tag/v3.0.0-rc.14</a></p> </blockquote> <p>将你的 vue 文件更新为此应该可以解决问题：</p> <pre><code><template> <div> <textarea v-model="formula"/> <vue-mathjax :formula="formula"/> </div> <Script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-AMS_HTML"></Script> </template> <script setup lang="ts"> const formula = ref('$$x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}.$$'); </script> </code></pre> </answer> </body></html>

javascript vue.js nuxt.js nuxtjs3 nuxt3

回答 0 投票 0

nuxt3 i18n 用于嵌套路由

对于 nuxt3 i18n 有没有办法 :to 来实现嵌套和翻译路由？例如而不是类似...

nuxt.js nuxtjs3 nuxt-i18n

回答 1 投票 0

VueJS/Typescript 错误：找不到模块“my-module”或其相应的类型声明

我有一个带有 Nuxt 和 Typescript 的 Vue2 设置。我正在尝试使用纱线安装 vue-slick-carousel 模块，但 Typescript 给我错误：“找不到模块‘vue-slick-carousel’或......

typescript vue.js vuejs2 nuxt.js tsconfig

回答 1 投票 0

Vercel Postgres + Nuxt Starter 模板在本地运行时给出“missing_connection_string”

我想尝试一下 Vercel 最近添加的这些新存储功能，但无法让 Postgress 工作。我用的是这个模板。它部署得很好，但是当我尝试运行它时