使用 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
我有一个类似这样的组件：class Media extends Component {render() {return (<form className="uploader" encType="multipart/form-data"><input type="file" id="file" /></form>)}}export default Media在这里我想上传多个file。在HTML中，
2016-05-27
假设一个页面包含多阶段表单，表单的第一阶段包含名称的输入字段，第二阶段包含文件的输入，onChange 设置名称和文件的状态值，但是当我们像第一阶段到第二阶段和第二阶段一样来回移动时，我们可以保存输入类型名称的值，但是如何保存输入类型文件的值。import React, { Component } from "react";class App extends Component {construc
2018-07-19
我想上传一张图片，显示预览，并将其用于 mobilenet 机器学习模型中，据我了解，这需要我将它作为参考。因此，我希望：上传图片设置引用使用该引用作为预览在 ML 模型中使用该引用我可以像这样上传图片（没有问题）：const UploadButton = ({ handleNewFile, text }) => (<label htmlFor='upload-file'><input style
2020-10-10
我正在尝试输入 ref，但不确定如何操作。我正在使用它进行文件上传。有没有人知道如何输入这个？const ProfileLayout: React.FC = ({ children }) => {let inputUpdateAvatarPhoto = useRef();....const handleImageChange = async (e: any) => {const formData
2021-03-09
我找不到使用 Formik 和 React 处理多个文件输入的正确方法。import { Formik, Field } from "formik";const MyForm = () => {const handleOnSubmit = (actions) => {actions.setFieldValue("files", "");};return (<Formik initialValues
2021-04-06
我正在使用 react-hook-form 管理我的表单。但我还需要管理元素的点击事件。在这种情况下，我必须设置两个 ref let inputRef = useRef(null);const onClick = input => {input.click();};<inputtype="file"ref={ref => {inputRef = ref;register();}},onClic
2021-04-24
我希望我即将将旧的 React Hook 表单转换为 RHF7，但我无法尝试使用两个不同的输入共享两次引用。有人可以帮我完成这段代码吗？所以我需要对 dobMonth 和 dobYear 都使用引用，但我不能两次使用同一个引用，所以我需要创建第二个引用，但它不允许我这样做。 const dobMonthInput = useRef(null)const dobYearInput = useRef
2021-11-19
我有一个表单，该表单应该将文件（图像）上传到 NextJs API 路由。我尝试使用表单的引用来检索表单值。但是，当我尝试在 onSubmit 函数中访问表单时，引用仍然为空。我知道引用在第一次渲染时可以为空，但我认为在提交表单时，引用应该已经解析。表单如下所示：<form ref={formRef} onSubmit={onFormSubmit}><label htmlFor="image">I
2021-12-22