typescript - Bagaimana untuk menggunakan stor Pinia dengan betul dalam komponen root vue?

main.ts saya:

import './assets/tailwind.css' import './assets/wordpress.css' import { createApp } from 'vue' import { createPinia } from 'pinia' import App from './App.vue' import router from './router' const app = createApp(App) app.use(createPinia()) app.use(router) app.mount('#app')

Baca lagi →

vue.js - Apabila menggunakan Pinia dan TypeScript, bagaimana anda menggunakan Action untuk menetapkan State?

Saya mempunyai stor Pinia + TypeScript bernama user.ts yang kelihatan seperti ini:

import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ d

Baca lagi →

javascript - menggunakan pinia di luar komponen menyebabkan ralat tiada pinia aktif

Saya sedang mengerjakan projek Vue.js 3 yang dibina menggunakan template ViteSse. Saya ingin menggunakan salah satu stor Pinia saya yang bernama notificationStore di luar komponen setup tetapi saya mendapat ralat getActivePinia called with no active Pinia. Did you forget to install Pinia apabila saya menjalankan arahan dev. Kelakuannya sangat pelik kerana ia tidak berlaku jika saya menambah useNotificationStore selepas pelayan dev dimuatkan dan ia berfungsi dengan baik, tetapi ap

Baca lagi →

vue.js - Menyampaikan Kedai Pinia sebagai Prop dengan Vue3 dan TypeScript

Saya menggunakan Typescript, Pinia, dan Vue3 dan mempunyai komponen MenuButton yang saya ingin supaya boleh menerima store Pinia yang digunakan untuk keadaan menu terbuka serta aksi untuk menunjukkan/menyembunyikan. Terdapat beberapa menu yang berbeza dalam aplikasi ini, sebab itu saya i

Baca lagi →

typescript - Bagaimana untuk menggunakan array yang ditakrifkan dalam stor Pinia?

Saya telah mencipta sebuah stor untuk menggunakan sumber User, dan stor itu mempunyai satu tatasusunan peranan. Apa yang saya cuba lakukan ialah mencari peranan tertentu dalam tatasusunan itu. Saya telah cuba menggunakan fungsi Array, tetapi ia tidak berfungsi dengan PropType<T[]>.

import router from "@

Baca lagi →

typescript - ts(2769) Tiada overload yang sepadan dengan panggilan ini apabila menggunakan $patch pada Ref<T> dalam stor Pinia

Saya tersekat dengan isu typescript. Kod itu sebenarnya berfungsi, cuma ia adalah ralat IDE yang muncul kerana saya cuba menggunakan fungsi $patch dari pinia.

Ini adalah kedai saya:

import { AuthenticationResult } from '@azure/msal-browser' import { defineStore } from 'pinia' import { ref } from 'vue' const useAuthStore = defineStore('auth', () => { const details = ref<AuthenticationResult>() return { details } }) export default useAuthStore

Baca lagi →

typescript - Pinia kehilangan jenisnya ketika menggunakan corak kilang

Untuk keperluan projek saya, saya perlu mencipta storeFactory untuk memodulasi penciptaan stor pinia.

Saya secara khusus telah mengeluarkan parameter di sini dan mempermudah contoh kod.

Apabila saya berada dalam Fail A, jenis storeFactory dijalankan secara automatik dengan betul

Apabila saya berada dalam fail B, jenis itu hilang dan hanya ini yang boleh disimpulkan

StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>,

Baca lagi →

typescript - Nuxt Pinia: Tidak boleh import eksport bernama 'computed' dari modul bukan EcmaScript (hanya eksport lalai tersedia)

saya tidak boleh menggunakan Pinia dalam nuxt 2.15.8 dan Vue 2.7.10 dengan Typescript, saya mencuba banyak kaedah dan memasang banyak kebergantungan, tetapi ia tetap tidak berfungsi, saya mencuba begitu banyak perkara sehingga saya terpaksa memulakan semula folder utama saya di github; saya memasang kebergantungan ini

"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"

Baca lagi →

typescript - Pinia useStore mengembalikan any

Saya menggunakan Pinia dengan Vue3 dan TypeScript. Menggunakan pelbagai cara untuk menaip stor, saya tidak dapat membuat stor ditaip sebagai apa-apa selain any.

Berikut ialah pelaksanaannya:

import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), });

Baca lagi →

typescript - Tetapkan keadaan pinia berdasarkan antara muka tanpa mencipta setiap sifat secara manual semula

Saya sedang cuba untuk melaksanakan pengurusan keadaan (pinia) dalam SPA. Kami menggunakan typescript dan saya tertanya-tanya jika ada cara untuk mentakrifkan sesuatu keadaan berdasarkan antara muka tanpa perlu menaip semula setiap sifat dalam keadaan i

Baca lagi →