nuxt.js 相关问题

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

Nuxt PWA 注册服务工作者未在本地主机之外注册

我们正在尝试托管 PWA nuxt，并且服务工作人员将仅使用 localhost:3000 进行注册 npm 启动尝试从 192.168.0.2:3000 访问它会导致以下结果：页面未提供...

nuxt.js progressive-web-apps service-worker

回答 1 投票 0

如何在Nuxt中将所有CSS提取到一个文件中？

我目前正在为一个客户构建一个 UI 工具包，该客户使用 ASP.NET 作为其项目的主应用程序/后端。我正在构建的 UI 套件是使用 NuxtJS 创建的，我想编译所有...

vue.js nuxt.js vuejs3 config nuxtjs3

回答 2 投票 0

<div>中的水合子节点不匹配：服务器渲染元素包含的子节点少于客户端 vdom

水合子节点不匹配：服务器渲染元素包含的子节点少于客户端 vdom。 Nuxt 链接在 Slick 中使用时不起作用它复制了这个内容而不光滑.. 我看...

javascript typescript vue.js nuxt.js slick.js

回答 2 投票 0

如何在 Nuxt 3 上使用 UseScroll

我在我的 nuxt 3 项目上使用 @vueuse 的 useScroll 。但 useScroll 似乎不起作用。这是codesandbox的最小复制品。 // 应用程序.vue 常量 { x:</desc> <question vote="0"> <p>我在我的 nuxt 3 项目上使用 @vueuse 的 useScroll 。但 useScroll 似乎不起作用。这是 <a href="https://codesandbox.io/p/github/Seyid-cmd/nuxt-useScroll/draft/romantic-mendeleev?file=%2FREADME.md&workspace=%257B%2522activeFileId%2522%253A%2522cl98l35k700hblrgf8mrs6ed6%2522%252C%2522openFiles%2522%253A%255B%2522%252FREADME.md%2522%255D%252C%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522gitSidebarPanel%2522%253A%2522COMMIT%2522%252C%2522sidekickItems%2522%253A%255B%257B%2522type%2522%253A%2522PREVIEW%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A3000%252C%2522key%2522%253A%2522cl98l3qbs008f3n6h7zz7himb%2522%252C%2522isMinimized%2522%253Afalse%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522key%2522%253A%2522cl98l3pdi006e3n6h94p39o91%2522%252C%2522isMinimized%2522%253Afalse%257D%255D%257D" rel="nofollow noreferrer">codesandbox 最小重现</a>。</p> <p>//app.vue</p> <pre><code><script setup lang="ts"> const { x:mouseX, y:mouseY } = useMouse() const el = ref<HTMLElement | null>(null) const { x, y, isScrolling, arrivedState, directions } = useScroll(el) </script> <template> <div>Mouse pos: {{mouseX}}, {{mouseY}}</div> <div ref="el"></div> <NuxtWelcome /> //inserted to make the page long so we can scroll <div>Scroll po pos: {{x}}, {{y}}</div> // here is the problem both x and y are 0,0 no matter how you scroll <NuxtWelcome /> //inserted to make the page long so we can scroll </template> </code></pre> </question> <answer tick="true" vote="0"> <p>事实证明，在我的案例样式中溢出时，引用的元素需要可滚动<pre><code> overflow:scroll</code></pre></p> </answer> <answer tick="false" vote="0"> <p>就我而言，我试图获取整个应用程序的滚动状态，因此，在这种情况下，<pre><code>useScroll()</code></pre>不是正确的选择。然而，vueUse 有另一个名为 <pre><code>useWindowScroll()</code></pre> 的方法，它的作用就像一个魅力。</p> <pre><code>import { useWindowScroll } from '@vueuse/core' const { x, y } = useWindowScroll() console.log(x.value) // read current x scroll value y.value = 100 // scroll y to 100 </code></pre> <p><a href="https://vueuse.org/core/useWindowScroll/#usewindowscroll" rel="nofollow noreferrer">useWindowScroll 文档</a></p> </answer> </body></html>

nuxt.js nuxtjs3 vueuse

回答 0 投票 0

如何在 Turborepo 中对 nuxt 项目进行 dockerize？

我稍微修改了文档中的示例 Dockerfile： FROM节点：lts-alpine AS基地 FROM 基础 AS 构建器运行 apk add --no-cache libc6-compat 运行apk更新 # 设置工作目录沃...

docker nuxt.js turborepo

回答 1 投票 0

通过 nuxt-link 将动态对象数据传递到组件

我有一个在 Nuxt 3 中构建的项目，其主页显示产品。在该主页上，您可以单击产品标题，然后打开产品详细信息页面。我通过...存档此内容

javascript vue.js nuxt.js vue-router vue-props

回答 1 投票 0

Vue/TailwindCSS - 内容位于侧边栏后面

目前我正在做一个使用VueJS + Nuxt 和TailwindCSS 的项目。在该项目中，有一个侧边栏组件定义如下：