nuxt.js 相关问题

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

静态生成站点时，Nuxt3 内容 v2 在 netlify 上刷新页面时中断

我用 nuxt content v2 建立了一个博客，一切都在我的机器上运行。我运行了 npm run generate 和 npm run preview，一切都按预期进行。问题是在使用 netlify 时，我有 ...

javascript nuxt.js nuxt3

回答 0 投票 0

如何将 AWS Amplify 与 Nuxt Apollo 集成？

我正在尝试将 AWS Amplify 与 Nuxt Apollo 集成，但我在开始时遇到了麻烦。谁能提供将 AWS Amplify 与 Nuxt Apollo 集成的分步指南或示例代码？ ...

nuxt.js aws-amplify

回答 0 投票 0

可以使用 `--fix` 选项修复

我正在使用 nuxt.js 创建一个应用程序，但每次我启动该应用程序时，都会给我 eslint 的错误，并说“可能可以使用 --fix 选项修复”。我执行了命令 npm run lint -- --fix 并且它...

vue.js eslint nuxt.js

回答 6 投票 0

Vue v-for 指令导致意外的附加组件

我正在尝试使用 Nuxt Content 创建我网站的博客部分。我已经创建了目录结构和一些测试帖子。我还创建了获取帖子和商店的查询...

javascript vue.js nuxt.js vue-component nuxt-content

回答 1 投票 0

如何在nuxt generate中插入背景图片

如果很明显，我很抱歉我正在使用这样的 nuxt generate 创建数千页如果很明显，我很抱歉我正在使用这样的 nuxt generate 创建几千个页面 <template> <div> <div class="main-picture"> <span>{{landing.name}}<span> </div> </div> <template> <script> import { landingshs } from '~/db/landingshs' export default { data() { return { link: "https://upload.wikimedia.org/wikipedia/commons/4/4d/Cat_November_2010-1a.jpg" } }, asyncData({ params }) { const landing = landingshs.find(l => l.id === params.id) return {landing} }, </script> 现在我正在尝试设置这样的图片 <style> .main-picture { width: 1000px; height: 1000px; background-image: v-bind("`url(${link})`"); } </style> 我也试过这样做，但没有成功。使用这种方法，网络中甚至没有请求 mounted() { setTimeout(() =>{ document.querySelector('.main-picture').style.backgroundImage = "url(" + this.link + ")"; }, 5000); }, 创建常规页面（不是_id.vue）时一切正常 nuxt 生成本身运行良好，插入必要的数据 [email protected] [email protected] 你试着用那种方式 background-image: url({{link}}); 如果它不起作用，请在模板上尝试这个 :style="{ backgroundImage: `url(${link})` }"

javascript vue.js vuejs2 nuxt.js

回答 1 投票 0

在 Vue/Vuetify 中使用 v-for 显示图像

我正在尝试使用这种方法在列中并排显示一些图像： ...

vue.js vuetify.js nuxt.js src v-for

回答 3 投票 0

Nuxt 模块未在生产中加载

我有一个本地 nuxt（nuxt 3.2.3）模块，它在启动时运行一个 socket.io 服务器，以及连接到 socket.io 服务器的页面。这在开发中完美运行（npm run dev / nuxt dev）一旦我...

node.js vue.js socket.io nuxt.js nuxtjs3

回答 0 投票 0

使用 vue.js 如何使用嵌套了另一个按钮框的按钮框显示不同的数据？

就像这张图片。所以我有一个带有一层按钮的控件组件，我需要在另一个部分中使用它，如图所示。但在这种情况下（图片），如果按下一个...

vue.js nuxt.js vuejs3 vuex

回答 0 投票 0

使用 Vuejs 和 v-html 禁用 eslint 错误

我将 Nuxt 2 与 Vue 2 和 vuetify 结合使用。我的 vscode 已更新，我收到 v-html 的 eslint 错误。代码是：我将 Nuxt 2 与 Vue 2 和 vuetify 结合使用。我的 vscode 已更新，我收到 v-html 的 eslint 错误。代码是： <v-list-item-title v-html="`${parent.genFilteredText(item.nome)}`" > </v-list-item-title> 错误是： [vue/no-v-text-v-html-on-component] Using v-html on component may break component's content. 在这个问题之前，我用  在我的代码之上，我没有问题但现在这还不够我试过了  但没看也许你需要禁用这两个规则

vue.js nuxt.js eslint

回答 1 投票 0

如何在Nuxt3中使用vue3-perfect-scrollbar

我想在我的nuxt3项目中使用vue3-perfect-scrollbar。我在插件目录中注册了 PerfectScrollbar。插件/scrollbarPlugin.js 从 'vue3-perfect-scrollbar' 导入 PerfectScrollbar 进口...

nuxt.js vuejs3 scrollbar

回答 1 投票 0

带有 Tailwind 的 Nuxt 应用程序不会在生产中应用任何样式，而在开发中运行良好

我正在开发一个前端使用 Nuxtjs 和 TailwindCss 的无头应用程序。在本地样式正常应用但一旦部署到生产中，我可以在 htm 中看到顺风类......

javascript css deployment nuxt.js tailwind-css

回答 1 投票 0

Nuxt 3. 在“npx nuxi init <project name>”之后立即运行“npm install”时出错

今天不知何故，当我像往常一样尝试使用 npx nuxi init 创建一个新的 Nuxt 3 项目时。当我尝试使用 npm ins 安装依赖项时，终端给了我一个很长的错误...