我希望在我的 Web 应用程序中添加一种效果，在部分列表中突出显示我们所在部分。我正在使用 Nuxt。我不知道为什么以下代码不会改变布尔值isActive的值。<nuxt-link:to="`${path}/${filterItem.filter}`":style='{"text-decoration": (isActive ? "underline" : "none")}'@click="sel
我只是想让页面滚动到 Nuxt3 中的锚点，但我无法让它工作。单击时它不会滚动，或者在 URL 中带有锚点的页面刷新时也不会滚动。<nuxt-link :to="{path: '/', hash: '#projects'}">Let's go</nuxt-link>尝试了一堆其他 SO 答案，将自定义 scrollBehaviour 代码添加到 nuxtConfig 不起作用，尝试在 Nuxt3
我希望我的页面具有动态配色方案。根据 URL，我发送一个 API 请求，从数据库获取配色方案。为此，我在 nuxtServerInit 存储钩子中获取颜色。然后我在 CSS 中使用v-bind()来动态地为组件着色。供参考，https://vuejs.org/api/sfc-css-features.html#css-modules。例如：#main-container {max-width: 5
2022-11-17
我正在使用 OptionsAPI 和 Pinia Store 构建 Vue 3 应用程序，但我经常遇到一个问题，提示我在调用createPinia()之前尝试访问商店。我一直在遵循文档以使用 Pinia 商店外部组件，但也许我没有以正确的方式做某事。情况如下：我有一个登录屏幕（/login），其中有一个 Cognito 会话管理器，我单击一个链接，完成 Cognito 的注册过程，然后重定向到主页
2022-02-17
在 Vue 3（组合 API）Pinia 存储上初始化状态时，哪种模式更“正确”或更惯用？选项 1： state: () => ({user: {},}),选项 2： state: () => {return {user: {},};},选项 3：也许是别的？
使用 VueJS 上的 pinia，我使用商店来存储我的许可证，许可证有一个引用项目的编号。项目列表及其信息位于另一个商店中。因此，我在许可证商店中创建 getter 来获取项目信息（名称、企业……）。但是，当页面加载时，getter 的值不会出现，而当我进入 Vuejs Web 浏览器上的扩展来查看我的商店时，值就会出现。而且我不明白如何在我的模板中使用 getter...我试过了，但没有结果.
我正在使用 Composition API 构建一个 Vuejs 3 应用程序。我有 2 个存储：一个userStore，用于保存用户 ID、jwt 和类似内容（登录时填充），一个dataStore，用于保存与用户相关的数据（用户执行操作时填充）。当用户成功登录时，她将被重定向到包含用户数据的页面。登录页面使用 userStore，数据页面使用 dataStore。 dataStore 需要用户的
我有两个带有自己的加载器的 vue 组件，分别挂载到两个已经渲染的 DOM 节点中：组件 A：import { createApp } from 'vue'import ComponentA from '@/Vue/ComponentA.vue';import {createPinia} from 'pinia';createApp(ComponentA).use(createPinia()).m
问题已更新我尝试使用Pinia的商店和使用Vue.js创建的 Web 组件，但控制台中出现此错误：[Vue warn]: injection "Symbol(pinia)" not found at <HelloWorld.ce msg="message" >我有一个非常简单的例子。main.tsimport { defineCustomElement } from 'vue'import Hel
2022-08-24
我正在使用 Vue 3.2<script setup>，如果我尝试在 API 服务中访问 Pinia 的存储，则会引发以下错误；未捕获的 ReferenceError：在 api.js?:9:1 (anonymous) @ api.js?9:9 初始化之前无法访问“存储”src/services/api.js:import axios from 'axios';import store from
2022-09-20
我在使用 Pinia 商店和 typescript 以及在基本 app.vue Vuejs3 选项 api 中使用商店时遇到了困难。我有这个 app.js 文件import {createApp} from 'vue'import {createPinia} from "pinia";import App from './App';const pinia = createPinia()const
2022-10-11
我正在创建一个库，以便在其他几个项目中重用 VueJS 应用程序。这是一个插件，用于在任何 VueJS 项目中生成和显示表单。我使用 pinia 作为此库中的商店，并使用 Vite 来构建它。如何使库的商店在导入它的项目级别可读？我的问题是，在 VueJS 的 chrome 扩展中，我无法访问此商店。库中的示例我在我的库中创建了此商店：在main.ts文件中，我有install方法：export
当我取消注释下面fetchData中的“return”时，以下代码可以正常工作。我该如何设置它以便等待this.fetchData完成以填充项目？我尝试了其他承诺、异步、等待的变体，但无法使其真正发挥作用……到目前为止，我在fetchData中设置了一个this.items，但我意识到这绝对不是我真正想要做的。由于以这种方式设置，它显示了我调用的前 X 行，但在fetchData调用之后应该发生的
2017-09-03
几周以来，我一直被 VueJS 渲染数据的问题所困扰。我正在做的是进行一些 axios 调用（一个在另一个里面）。我的问题是数据在调用完成之前就被渲染了，所以视图没有显示任何内容。我看到了一些执行“await”和“Async 调用”的代码，但似乎没有什么能解决我的问题。这里也有类似的东西获取组件在渲染之前等待异步数据但也没有用这是我的代码：<template><div class="m-portl
2019-01-03
我想在创建的钩子中调用一个操作，等到它完成，然后在同一个钩子中显示结果。这可能吗？我尝试在操作中放入 async / await，但没有帮助。这是store中带有 async 函数的action属性： actions: {async FETCH_USER({commit}) {await firebase.firestore().collection('test').get().then(res
2019-03-29