如何在 SPA Vue.js 中包含常用组件 Header 和 Footer

我正在vuejs中创建一个项目spa/我已经创建了常用组件页眉和页脚，我想将其包含在主App.vue中。我在下面分享我的代码结构：我正在共享我的文件App.vue：<template><header&g...

P粉821274260来自于 2023-08-28 18:16:20 0  1  973

当使用@pinia/nuxt时，在setInterval循环中执行的HTTP请求会在每次setInterval迭代中执行。

我正在尝试使用@pinia/nuxt和nuxt3构建一个定时器。当定时器启动时，我还想发起一个HTTP请求来同步我的数据库。我面临的问题是，每当我调用start动作时，HTTP请求都会在setInterval循环的每次迭...

P粉596191963来自于 2023-07-27 16:02:59 0  1  973

点击按钮时，对返回的JSON数据进行VueJS过滤

我想通过单击按钮来过滤获取的json数据，以便仅显示与单击的按钮匹配的数据（在我的案例书名称中），并隐藏直到另一个按钮才匹配的其他数据（书籍）单击匹配的其他名称。我已将数据填充为组件上的列表，如下所示：<liv-f...

P粉125450549来自于 2024-03-27 12:45:15 0  1  972

如何检测v-select（vue-select）上的清除按钮点击事件

我在v-select中创建一个下拉菜单，在单击清除按钮时选择一个选项后，我需要清除下拉菜单并将选项数组更改为初始阶段。如何检查清除按钮（x）是否被单击，我尝试使用on-change用于获取所选值，它工作正常，而@clic...

P粉436688931来自于 2023-12-27 11:41:15 0  1  972

找不到模块：错误：无法解析“@heroicons/vue/24/outline”

在我的vue组件中添加此引用后，我立即收到错误消息：<scriptsetup>import{ExclamationTriangleIcon,XMarkIcon}from'@heroicons/vue/24/o...

P粉706038741来自于 2023-11-01 14:45:19 0  1  972

v-bind:Vue.js 中动态值的样式

当我使用v-bind:style来使用动态值时，我遇到了v-bind:style不起作用的问题，但我确信v-bind:style得到了正确的值(:style='{控制台中的color:red(任何其他值)}')和样式部分...

P粉792026467来自于 2024-03-31 19:46:15 0  2  971

如何在Vuex中启动第二个计时器，当第一个计时器过期？

我有一个Vue项目，在Vuex存储中有以下状态：state:{gameStartTimer:5,counter:false,randomNumber:Number,clickAlert:false}现在，在actions...

P粉242535777来自于 2024-03-30 14:06:31 0  1  971

无法使Vuex的getter等与Vue3的<script setup>组合API一起正常运行

如果我在Vue3中使用组合API并且像下面这样使用常规的setup()方法，我可以让它工作：<script>import{useStore}from'vuex'import{computed}from'vue...

P粉903969231来自于 2024-03-25 21:25:31 0  2  971

未捕获（承诺中）类型错误：X 不是函数

我正在尝试构建一个vue应用程序，通过Spotify的API进行搜索来查找曲目。但我有一个问题，它说：未捕获（承诺中）类型错误：searchTracks不是函数每当我调用searchTracks函数时。我寻找解决方案，但...

P粉401527045来自于 2024-03-21 18:13:44 0  1  971

使用 Vue.js 在 Swiper 中创建用于幻灯片导航的自定义按钮

我需要删除默认导航（nextEl、prevEl）并使带有“下一张幻灯片按钮”文本的按钮滚动到下一张幻灯片<swiperclass="news-slider":sliderd-per-view=&...

P粉035600555来自于 2023-11-02 14:42:51 0  1  971

尝试将 Vue 应用程序部署到 Azure 应用服务，导致错误：找不到模块“../package.json”

我有一个简单的VueSPA，可以在本地毫无问题地构建和提供服务，但是当我尝试通过GitHubActions构建并部署到Azure应用服务时，它只会导致':(应用程序启动时出现错误'页面。下面是几乎默认的工作流程.yml、...

P粉269847997来自于 2023-08-31 13:58:53 0  1  971

减少Vue 3 Composition API中的样板代码：简化路由器和存储的实现

使用Vue3的CompositionAPI，每个视图都需要有以下代码：import{useRouter,useRoute}from'vue-router'import{useStore}from'vuex'exportd...

P粉281089485来自于 2023-08-29 18:19:32 0  1  971

Vue JS中如何根据数组动态添加/删除插槽字段

我有以下代码，它接受一个包含要重复的HTML字段的插槽：<divv-for="(row,index)inrows":key="index"><divclass=&...

P粉639667504来自于 2023-08-28 17:43:21 0  1  971

在 laravel + inertia + linux 上运行 npm run dev 时出错

0信息如果以ok结尾则有效1详细cli['/usr/bin/node','/usr/bin/npm','run','dev']2使用npm@6.14.4的信息3使用的信息node@v10.19.04详细运行脚本['pre...

P粉403549616来自于 2023-08-30 16:31:44 0  1  970

仅当在vuejs中单击父项时才显示子项

我正在尝试创建一个导航侧边栏。会有主项目，也会有子项目。我尝试仅在单击父项目时显示子项目，并且当我单击子项目时，我希望活动子项目具有不同的颜色。我如何实现这一目标？这是我到目前为止所尝试过的。<template&g...

P粉574695215来自于 2024-02-25 19:20:16 0  1  969