ค้นหาเว็บไซต์
typescript - วิธีการใช้ Pinia store อย่างถูกต้องในคอมโพเนนต์ Vue ราก?
ไฟล์ main.ts ของฉัน:
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('# อ่านต่อไป →vue.js - เมื่อใช้ Pinia และ TypeScript คุณใช้ Action เพื่อกำหนดค่า State อย่างไร?
ฉันมีร้าน Pinia + TypeScript ชื่อ user.ts ซึ่งมีลักษณะดังนี้:
import { User } from 'firebase/auth'; import { defineStore } from 'pinia'; export const useUserStore = defineStore('user', { state: () => ({ displayName: null, อ่านต่อไป →javascript - ใช้ pinia นอกคอมโพเนนต์ทำให้เกิดข้อผิดพลาด no active pinia
ฉันกำลังทำงานในโปรเจกต์ Vue.js 3 ที่สร้างด้วยเทมเพลต ViteSse ฉันต้องการใช้หนึ่งในสโตร์ของ Pinia ของฉันชื่อ notificationStore นอกส่วนประกอบ setup แต่ฉันได้รับข้อผิดพลาด getActivePinia called with no active Pinia. Did you forget to install Pinia เมื่อฉันรันคำสั่ง dev พฤติกรรมของมันแปลกมากเพราะจะไม่เกิดขึ้นถ้าฉันเพิ่ม useNotificationStore หลังจากโหลดเซิร์ฟเวอร์ dev และมันก็ทำงานได้ดี แต่เมื่อ useNotificationStore อยู่ในไฟล์ ts ของฉันและรันคำสั่ง dev มันก็เกิดข้อผิดพลาดขึ้น
อ่านต่อไป →vue.js - การส่ง Pinia Store เป็น Prop กับ Vue3 และ TypeScript
ฉันกำลังใช้ Typescript, Pinia, และ Vue3 และมีคอมโพเนนต์ MenuButton ที่ฉันต้องการที่จะสามารถส่ง Pinia store ที่ใช้สำหรับสถานะการเปิดเมนูรวมถึง action สำหรับการแสดง/ซ่อน มีเมนูหลายเมนูในแอป ดังนั้นฉันจึงต้องการที่จะสามารถส่งมันเข้าไปได้ และทั้งหมดใช้ factory เดียวกันในการกำหนด store ฉันกำล
อ่านต่อไป →typescript - วิธีการใช้ array ที่กำหนดไว้ใน Pinia store?
ผมสร้างสโตร์ขึ้นมาเพื่อใช้ทรัพยากร User และสโตร์นั้นมีอาร์เรย์ของบทบาท สิ่งที่ผมพยายามทำคือการค้นหาบทบาทเฉพาะในอาร์เรย์นั้น ผมลองใช้ฟังก์ชันของอาร์เรย์แล้ว แต่ก็ไม่ทำงานกับ PropType
typescript - ts(2769) ไม่มีการโอเวอร์โหลดที่ตรงกับการเรียกนี้เมื่อใช้ $patch กับ Ref ในสโตร์ Pinia
ฉันติดปัญหาเกี่ยวกับ TypeScript โค้ดใช้งานได้จริง แต่เป็นแค่ข้อผิดพลาดของ IDE ที่แสดงขึ้นมาเมื่อฉันพยายามใช้ฟังก์ชัน $patch จาก Pinia
นี่คือร้านของฉัน:
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นี่คือโค้ดของฉันที่พยายามจะแก
อ่านต่อไป →typescript - Pinia สูญเสียชนิดข้อมูลของมันเมื่อใช้รูปแบบแฟกทอรี่
เพื่อความต้องการของโครงการของฉัน ฉันจำเป็นต้องสร้าง storeFactory เพื่อปรับแต่งการสร้างสโตร์ของ pinia
ฉันได้ลบพารามิเตอร์ออกโดยเฉพาะที่นี่และทำให้ตัวอย่างโค้ดเรียบง่ายขึ้น
เมื่อฉันอยู่ในไฟล์ A ประเภทของ storeFactory จะถูกดึงมาโดยอัตโนมัติอย่างถูกต้อง
เมื่อฉันอยู่ในไฟล์ B ประเภทจะหายไปและสามารถสรุปได้เพียงสิ่งนี้
StoreDefinition<"store_id", {} | _UnwrapAll<Pick<any, string | number>>, {} | Pick<...>, {} | Pick<...> อ่านต่อไป →typescript - Nuxt Pinia: ไม่สามารถนำเข้าการส่งออกที่มีชื่อ 'computed' จากโมดูลที่ไม่ใช่ EcmaScript (มีเพียงการส่งออกเริ่มต้นเท่านั้นที่สามารถใช้ได้)
ฉันไม่สามารถใช้ Pinia ใน Nuxt 2.15.8 และ Vue 2.7.10 กับ Typescript ได้ ฉันได้ลองหลายวิธีและติดตั้ง dependencies หลายตัว แต่ก็ยังใช้งานไม่ได้ ฉันลองทำหลายสิ่งจนต้องเริ่มโฟลเดอร์หลักใหม่บน GitHub; ฉันได้ติดตั้ง dependencies เหล่านี้
"@pinia/nuxt": "^0.4.9", "vue-server-renderer": "^2.7.10", "vue-template-compiler": "^2.7.10"ในโมดูลที่สร้างขึ้นฉันลองใช้ Pinia แต่ไม่ได้ผล ดังนั้นตอนนี้มันว่าง:
อ่านต่อไป →typescript - Pinia useStore คืนค่าเป็น any
ฉันกำลังใช้ Pinia กับ Vue3 และ TypeScript โดยการใช้วิธีการพิมพ์สโตร์หลายแบบ ฉันไม่สามารถทำให้สโตร์ถูกพิมพ์เป็นสิ่งอื่นนอกจาก any ได้
นี่คือการใช้งาน:
import { defineStore } from "pinia"; import type { DataT } from "@/types"; interface DataStore { data: DataT[]; } export const useDataStore = defineStore("dataStore", { state: (): DataStore => ({ data: [] as DataT[], }), });ทุกที่ที่มีการนำร้านค้านี้ไป
อ่านต่อไป →typescript - กำหนดสถานะของ pinia ตามอินเทอร์เฟซโดยไม่ต้องสร้างคุณสมบัติแต่ละตัวใหม่ด้วยตัวเอง
ฉันกำลังพยายามนำการจัดการสถานะ (pinia) มาใช้ใน SPA เรากำลังใช้ TypeScript และฉันสงสัยว่ามีวิธีใดบ้างที่จะกำหนดสถานะตามอินเทอร์เฟซโดยไม่ต้องพิมพ์ซ้ำทุกคุณสมบัติในสถานะ หลักๆ ก็คือ บอกสถานะว่าขึ้นอยู่กับอินเทอร์เฟซและให้มันเริ่มต้นด้วยโครงสร้างที่ถูกต้อง
อ่านต่อไป →