prostudy

VueJS - 페이지를 다시 로드한 후 mapState의 값을 데이터 속성에 할당할 수 없음 페이지를 다시 로드한 후 mapState에서 데이터 속성에 값을 할당할 수 없음, 하위 페이지로 이동하면 작동하지만 이미 하위 페이지에 서서 브라우저를 다시 로드한 경우에는 작동하지 않음. 계산된 map computed: { ...mapState({ tsStore: state => state.SchemeStore }) } 데이터 속성 data () { return { works: '', offTime: '', } } 장착됨 if (this.tsStore.singleView) { // Set data based on api. let single = this.tsStore.singleView this.works = ..

DevTools를 통해 vuex 상태를 변경할 수 있는가? 사용자 정보를 vuex에 저장한다.{username: 'aa', role: 'admin'}, 역할: admin/user. admin은 무엇이든 할 수 있다. 그래서 사용자가 자신의 역할을 다음으로 바꿀 수 있는지 궁금하다.adminChrome Devtools를 통해?데이터를 vuex에 저장하는 것이 안전한가?Vue Devtools는 개발 모드에서만 액세스할 수 있으므로 애플리케이션을 프로덕션에 배포하면 사용할 수 없음.결과적으로, 그것은 절대적으로 안전하다.아니, Vuex는 그 안에 있는 어떤 것도 조작되지 않았다고 추측할 수 없다는 점에서 "보안"이 아니다.그러나 이러한 역할 플래그의 포인트는 사용자가 보호된 경로에 액세스할 수 있어야 하는지 ..

Vue의 스토어에서 Getter from Store from Vue return is isLoggedIn(상태 나는 나의 Vue 저장소에 Laravel 사용자의 상태를 저장했지만, 이렇게 하려고 노력했다. let isLoggedIn = store.getters.isLoggedIn 이 변수를 호출할 때 콘솔에서 다음 정보를 얻으십시오. ƒ isLoggedIn (state) { return state.user? true: false; } a 대신에true또는false. 내 스토어 코드: let store = { state: { user: '', }, mutations: { setAuthUser(state, user) { state.user = user; } }, getters: { isLoggedIn(sta..

Vue.js/Vuex 로그인: [vuex] 알 수 없는 작업 유형: postLogin. 나는 Vuejs를 처음 접하지만 Vuex는 더욱 그렇다 - 나는 Vue와 Vuex의 기본을 이해한다.나는 로그인을 하기 위해 애쓰고 있다.내가 받는 오류는 다음과 같다. [vuex] unknown action type: postLogin. 나는 api를 성공적으로 치고 싶다.나는 이미 백엔드에 (django와 함께) 사용자를 만들었다.그래서 나는 관리 포털을 통해 로그인 할 수 있다.아피스/axios를 통해 vue 프런트엔드를 사용하여 로그인 시도 중. 여기 내 부품이 있다.vue 코드: Login 다음은 내 auth.js 저장소 작업: const actions = { postLogin (context, payload..

TypeError: 원형 구조를 JSON Vuejs로 변환 vuex-persistedstate 플러그인을 사용하는 동안 "TypeError: 순환 구조를 JSON으로 변환 중" 오류가 표시됨. import createPersistedState from 'vuex-persistedstate' const store = new Vuex.Store({ // ... plugins: [createPersistedState()] }) 아래와 같이 오류 없이 플러그인을 사용할 수 있는 몇 가지 솔루션을 찾았다. plugins: [createPersistedState] 그러나 그것은 주의 세부사항을 저장하지 않는다.데이터를 저장할 위치를 언급하지 않으셨습니다.vuex 데이터를 localStorage에 저장하므로 내 코드..

vuex에 여러 플러그인을 등록하는 방법? 나는 이미 내 프로젝트에서 vue-persistedstate 플러그인을 사용하고 있었다.이제 나는 vuex-pathify 플러그인도 필요하다. 영구 상태의 경우 설정을 포함한 상수를 준비한다. const persistedStates = [ createPersistedState({ key: process.env.PERSISTENT_COOKIE_NAME, paths: [ 'auth' ], storage: { getItem: key => JSON.stringify(cookies.get(key)), setItem: (key, value) => cookies.set(key, value, { path: '/', expires: '6h', secure: false }), r..

Axios 요청 - 쿼리된 데이터 대신 Getter setter 메서드를 제공 나는 라라벨과 부에와 함께 한 페이지 웹 애플리케이션을 만들고 있다.이전에도 Vue를 사용해 문제없이 컨트롤러를 사용하여 데이터베이스에서 데이터를 받아 본 적이 있지만, 어떤 이유에서인지 지금은 내가 조회한 데이터 대신 각 상위 객체에 저장된 게터 및 세터 메서드가 있는 겉보기에는 무한히 중첩된 JS 객체만 받고 있다.비슷한 문제를 가진 다른 사람들을 본 적이 있지만, 그들에게 효과가 있었던 해결책은 나에게 효과가 없었다.예를 들어, 일부 사람들은 원시 데이터만 얻기 위해 JSON.parse(JSON.stringify(response.data);;를 사용했지만, 내가 이 동작에 저장하려고 하면 이것이 작동하지 않는다.내 Act..

유닛 테스트를 위해 Vuex 게이터를 조롱하면 예기치 않은 결과가 발생함 VueJS 구성 요소에 대한 단위 테스트를 작성 중이며, Vuex 저장소를 종속성으로 하는 구성 요소를 테스트하기 위한 참조 자료로 이 문서를 사용하고 있다.해당 구성 요소의 관련 부분은 다음과 같다. {{ resources.main.copyIco }} {{ resources.main.rights }} {{ resources.main.read }} 구성 요소의 테스트 제품군은 다음과 같다. /* Test suite for component */ import { createLocalVue, shallowMount } from '@vue/test-utils' import Vuex from 'vuex' import AppFooter fr..

그러면 Vuex에서 getter가 있는 스토어 상태를 약속과 함께 가져올 수 없음 그들이 입력하는 채널 루트에 PIN 코드가 필요한지 여부를 확인하고 싶기 때문에, 나는 라우터를 사용한다.각각 아래와 같이: router.beforeEach((to, from, next) => { if(to.path == '/') { next(); }else { store.dispatch('checkChannelhasPin', to.params.id).then(()=>{ console.log(store.getters); console.log(store.getters.ispin); setTimeout(() => { console.log(store.getters.ispin); }, 500); }) } } 로서console.lo..

Vue/Nuxt 라이프사이클에서 사전 생성 및 생성된 Getter를 호출함 구성요소에 대해 beforeCreate()에서 변수 집합을 수행한 후 생성된()에서 해당 변수를 가져오려고 시도하고 있다.본질적으로 내 상점에서 변수를 설정하고 변수를 가져와야 해.내가 만든 것은 국가에 데이터를 위탁하는 공리 약속을 실행하는 행위를 부르고, 나는 그 데이터를 얻기 위해 내가 만든()을 불러들이고 싶은 가게의 게터를 가지고 있다. 내 콘솔 로그에서 볼 수 있듯이 내 약속에서 정확한 데이터를 되찾고 있다는 것을 알고 있어, 나는 단지 그 데이터를 얻는 사람으로부터 얻을 수 없는 것 같아. 효과를 보고 싶지 않은 것 같고, 공리들이 아직 그 약속을 돌려주지 않은 사실과 관계가 있다고 생각한다.Create() 전에 공리..