vuex 9

setup() 메서드 내의 배열(반복())에 액세스하고 싶습니다.

setup() 메서드 내의 배열(반복())에 액세스하고 싶습니다. 여기 이름이 붙은 배열이 있습니다.Title에data()어레이를 반환하고 있습니다(값이 동적으로 추가되고 있음). 그리고 액세스하고 싶습니다.Title의 배열onDrop()내부의 방법setup()하지만 그렇다고 합니다.undefined누가 이 오류를 도와줄 수 있습니까? import Home from "./components/Home.vue"; import Section from "./components/Sections.vue"; export default { name: "App", components: { Home, Section, }, data() { return { Title: [], }; }, methods: { sectionTit..

programing 2023.07.19

Vue 2의 모든 탭에서 업데이트될 때 다양한 탭 간에 반응 상태가 동일하게(업데이트되지 않음) 유지되기를 원합니다.

Vue 2의 모든 탭에서 업데이트될 때 다양한 탭 간에 반응 상태가 동일하게(업데이트되지 않음) 유지되기를 원합니다. 내 템플릿의 코드 mdi-circle-medium Online mdi-circle-medium Offline 상태를 업데이트하는 방법 methods: { /** * This method is used to test i.e either the user is online/offline * Socket integration method used in it **/ statusUpdated() { clearTimeout(this.userStatusInterval) if (this.onlineStatusValue === false) { if(this.role === 'supervisor'){ win..

programing 2023.06.29

Vuex, next, localStorage, 상태 덮어쓰기

Vuex, next, localStorage, 상태 덮어쓰기 vue/vuex의 상태 관리에 대해 질문이 있습니다. 지속성을 위해 'next-vuex-local storage'를 사용합니다. 저는 제 가게를 'ui', 'user'와 같은 모듈로 나누었습니다. 문제는 하나의 행동으로 내가 두 개의 상점 행동을 보낼 때 다음과 같은 것입니다. const res = await API_CALL('someEndpoint') this.$store.dispatch('ui/setSignInVisible', false) this.$store.dispatch('customer/setToken', res.token) 처음에는 setSignInVisible을 false로 설정하지만 다음 액션에서는 true로 설정하기 때문에 오..

programing 2023.06.14

Vuex 스토어 상태가 업데이트되지 않음 화면 / Vue-Native

Vuex 스토어 상태가 업데이트되지 않음 화면 / Vue-Native Vue-Native를 사용하여 여러 화면이 있는 간단한 응용 프로그램을 구축하고 있습니다(Vue Native Router 사용).그리고 저는 A 화면에서 메시지를 수신하는 웹 소켓에 연결하는 상황이 있으며 이러한 업데이트를 A 화면과 B 화면에서 사용할 수 있어야 합니다. 그래서 글로벌 변수와 프로토타입 속성에 대한 운이 없었던 후, 저는 Vuex를 만나게 되었습니다. Vuex는 제가 필요로 하는 것을 정확히 해주는 것 같습니다. 그리고 실제로 화면 전체에 걸쳐 속성을 잘 업데이트하지만 반응적이지 않고 화면을 업데이트하는 것 같습니다. store.js: import Vue from "vue-native-core"; import Vuex..

programing 2023.06.14

Vuex와의 완벽한 논리적 디커플링

Vuex와의 완벽한 논리적 디커플링 저는 Vue Router와 Vuex로 Vue 웹 애플리케이션을 만들고 있습니다. Vue-cli를 사용하여 비계를 만들고 있습니다.프로젝트 구조의 대부분은 하나의 메인 스토어와 간단한 라우팅으로 매우 단순합니다. project/ ├── src/ │ ├── components/ │ │ ├── Hosting/ │ │ └── Website/ │ ├── router/ │ ├── store/ │ ├── App.vue │ └── main.js └── index.html 그Hosting구성 요소, 라우팅 시간/hosting나머지 웹 사이트와 분리해야 합니다.해당 URL은 다음을 사용하여 다른 웹 사이트에 로드될 구성 요소를 호스트합니다.이 논리 디커플링을 달성하는 가장 좋은 방법은 ..

programing 2023.06.09

VueX Store에서 계산된 속성으로 Ajax를 호출하는 올바른 방법은 무엇입니까?

VueX Store에서 계산된 속성으로 Ajax를 호출하는 올바른 방법은 무엇입니까? VueX에서 계산된 상태인 호출 매개 변수 중 하나를 사용하여 Ajax 호출을 수행하려면 어떻게 해야 합니까?예를 들어, 제가 이걸 만든다면요.$axios.get('someUrl/' + acc)ID), accID는 (MapState를 통해) VueX에서 계산된 속성입니다.때때로 id가 'undefined'를 반환하는데, 이는 id 데이터가 스토어에서 채워지기 전에 get 요청을 하는 axios 때문인 것으로 생각됩니다. 저는 'acc'에서 시계()를 사용해 보았습니다.vue 구성 요소에서 accID가 확인될 때까지 기다리지만 사용할 수 없습니다. //일부 코드 computed: { ...mapState(['user'])..

programing 2023.06.09

VUE 경로 리디렉션이 다른 페이지에서 모달을 닫지 않음

VUE 경로 리디렉션이 다른 페이지에서 모달을 닫지 않음 사용 중vue2 routes다른 개발자가 설정했지만 현재 설정된 'redirect'를 'home' 페이지로 이동하도록 변경하려고 합니다. 이 문제는 페이지를 처음으로 입력할 때 페이지가 있다는 것입니다.bootstrap modal가 표시됩니다.문제는 제가 처음 이 페이지에 들어가서 URL을 변경하면 '리다이렉트'가 예상대로 작동하지만 모달도 계속 표시되고 있어서 어떻게 접근해야 할지 모르겠습니다. routes.js import {store} from './store/store'; import Cart from './components/Cart'; import Stock from './components/Stock'; import Home from ..

programing 2023.06.09

vuex 스토어 토큰이 구성 요소 간에 업데이트되지 않음

vuex 스토어 토큰이 구성 요소 간에 업데이트되지 않음 다음 store/index.js 파일이 있습니다. import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state = { token: null } const mutations = { setToken (state, token) { state.token = token localStorage.setItem('token', token) }, removeToken (state) { state.token = null localStorage.removeItem('token') } } const getters = { isLoggedIn: state => { return state.token != n..

programing 2023.06.09

Vuex getter는 항상 null을 반환합니다.

Vuex getter는 항상 null을 반환합니다. vue.js 구성 요소에서 vuexgetter를 사용하면 null을 반환합니다. 여기 제 코드가 있습니다. 기본 레이아웃.가치관 {{ error }} Close 여기는 NavBar입니다.가치관 Vuex 모듈 auth.js import api from '@/api' import {clearAccessToken, setAccessToken} from '@/auth' import router from '@/router' const state = { loading: null, user: null } const mutations = { SET_LOADING: (state, loading) => { state.loading = loading }, SET_USER:..

programing 2023.06.09