반응형

vuex 5

Array .find() 메서드 매개 변수가 vuex에 정의되지 않았습니다.

Array .find() 메서드 매개 변수가 vuex에 정의되지 않았습니다. 저는 그것 때문에 어려움을 겪고 있습니다..find()메서드가 vuex getter에 있습니다. 상태의 목록(페이지)으로 스토어를 설정했습니다. // state.js const state = { pages: [{id:1, content:"Page 1"}, {id:2, content:"Page 2"}] }; 그리고 이 게시물과 같은 찾기 방법을 가진 게터: 참조. // getters.js const getters = { indexPage: state => { let indexPage = state.pages.find(function(page) { // same error with arrow function return page.i..

source 2023.07.06

v-model을 사용한 Vuex 입력이 반응하지 않음

v-model을 사용한 Vuex 입력이 반응하지 않음 나는 가능한 한 간단하게 설명하려고 한다.이런 게 있어요.단순 Vue 루트, Vuex 저장 및 입력은 navbar ID 내에 v-model을 사용하여 수행합니다. 그 입력은 반응하지 않는다...왜?! HTML @{{ test }} store.displaces를 설정합니다. import Vuex from 'vuex' export const store = new Vuex.Store({ state: { test: 'test' }, getters: { test (state) { return state.test } } }) Vue 루트 import { store } from './app-store.js' new Vue({ el: '#navbar', store,..

source 2023.01.22

Vuex 상태 업데이트로 인해 v-for reactivity가 중단됨

Vuex 상태 업데이트로 인해 v-for reactivity가 중단됨 빌트인 Vuex 스토어를 사용하여 Nuxt에서 Notification 컴포넌트를 만들려고 합니다.난 두 개의 구성 요소가 있어Notifications.vue그리고.Notification.vue알림을 표시합니다.내 스토어에는 알림 추가용과 제거용 두 개의 돌연변이가 있습니다. 프로젝트 관련 파일은 다음과 같습니다. 스토어/알림.개요 export const state = () => ({ notifications: [] }); export const getters = { allNotifications: state => state.notifications }; export const mutations = { PUSH_NOTIFICATION(s..

source 2023.01.12

Vuex4를 사용하는 Vue3: 어레이 내의 일부 항목만 렌더링할 수 있습니다.

Vuex4를 사용하는 Vue3: 어레이 내의 일부 항목만 렌더링할 수 있습니다. 처음 오신 사용자 및 초보자 개발자님, 잘 부탁드립니다! 그래서 API에서 http JSON 응답을 가져와 더 보기 좋은 결과 목록을 렌더링하는 간단한 웹 앱을 만들고 있습니다.그러나 어떤 이유에서인지 v-for 지시문을 사용하여 항목을 렌더링하면 응답 어레이의 처음 몇 개의 결과만 표시됩니다.이게 제 메인입니다.js: import { createApp } from 'vue'; import { createStore } from 'vuex'; import App from './App.vue' import Axios from "axios"; const store = createStore({ state(){ return { sea..

source 2022.12.28

VUE 3 CLI 프로젝트가 sockjs 노드새로고침 호출에 대해 CORS를 차단하고 있습니다(API 호출에 대해 구성에서 프록시 사용).

VUE 3 CLI 프로젝트가 sockjs 노드새로고침 호출에 대해 CORS를 차단하고 있습니다(API 호출에 대해 구성에서 프록시 사용). 로컬 호스트에서 VUE 3 CLI 프로젝트를 실행하고 있습니다. 데이터를 요청해야 하는 원격 서버가 있습니다.브라우저가 이 CORS를 차단하고 있었기 때문에 vue 설정에서 올바른 api 헤더와 프록시를 설정하는 방법을 배워야 했습니다. 내 vue.config.js 파일에는 다음이 포함됩니다. devServer: { https: true, proxy: { '^/api': { target: 'https://api.mysite.com/', ws: true, changeOrigin: true } } }, 이로 인해 로컬호스트에서 리모트서버로의 CORS 블록이 해결되었습니다..

source 2022.11.28
반응형