prostudy

어떻게 개체의 Vuex 주에 있는이 그 부동산에 대한 구성 요소에서 가치를 할당할? 나는 개체의 속성에 내 Vuex 가게의 상태에 값이 기능 추가 도움이 필요합니다. 나는 현재 사이트 vue.js과fullpage.js 나는 vuex 가게에 내fullpage 옵션 와서 나는onLeave 콜백에 내 처지에서 아이를 구성 요소에서 메서드를 추가하는 안 좋아요 몇가지 코드 refactoring 있다. 나는 원래 집 구성 요소 데이터 개체로 살고 같은 구성 요소에서 법을 통과한 선택 사항이 있다. data{ return { options:{ onLeave: this.morphScroll } } }, methods: { morphScroll(origin, destination, direction){ //do som..

그리고 미국의 광고 대행사 뷰 라우터와 Vuex를 사용할 때 액세스 토큰을 새로 고치는지 확인합니다. 나는 간단한 VueCLIauth 모듈 axios과 Vuex을 사용하여 만들었습니다. 인store.js나는 토큰에서 api을 사용한 것으로 모든 논리가 있어요.session.js: import Vue from 'vue' import Vuex from 'vuex' import axios from 'axios' import sessionSerivce from '@/services/session.js' Vue.use(Vuex) Vue.use(require('vue-cookies')) export const store = new Vuex.Store({ state: { status: '', accessToken: ..

vue-cli에 대한 두 개의 vuej 시작 명령이 있는 이유는? 온라인에서 두 개의 다른 실행 명령을 발견했는데, 이상한 원인인 "Raction has the commands"가 있다.create-react-app , 그러나 vue-cli를 위해 나는 이 두 가지 명령을 찾았다.vue create 그리고vue init webpack . 두 명령을 모두 실행한 후 다시 확인해보니 두 명령 모두 웹팩을 포함하고 있지만 구조는 다르게 되어 있었다.첫 번째 것은 다른 사람이 그것을 놓치고 있는 동안 미리 설치된 vuex와 함께 왔다.그러나 두 번째 명령어는 많은 추가 devDependencies를 가지고 있었다. 나는 vue-roouter와 vuex를 통합한 다중 페이지 vuejs 애플리케이션에 적합한 명령이..

Vue에 페이지를 남겨두기 전에 저장되지 않은 변경 사항을 사용자에게 경고하는 방법 나는 ~을 가지고 있다.UnsavedChangesModal입력 필드에 저장되지 않은 변경사항이 있을 때 사용자가 페이지를 나가려고 할 때 실행되어야 하는 구성요소로서(페이지에 세 개의 입력 필드가 있다). components: { UnsavedChangesModal }, mounted() { window.onbeforeunload = ''; }, methods: { alertChanges() { } } 부에루터를 사용한다고 가정할 때(그리고 아마도 사용되어야 할 것임), 그러면 부에루터를 사용하기를 원할 것이다.beforeRouteLeave이 문서에는 이러한 정확한 상황의 예가 수록되어 있다. beforeRouteLeav..

vuejs의 json 개체에서 중첩된 키를 찾는 방법 나는 나의 Django API에서 얻고 있는 사용자 리스트의 사용자를 내 VUEjs 앱에 표시하려고 한다. API의 My User 목록 데이터: { "count": 1, "next": null, "previous": null, "results": [ { "url": "http://localhost:8000/v1/users/1/", "username": "admin", "email": "admin@example.com", "groups": [] } ] } 내 VUE 코드: Users {{ result.username }} {{ result.email }} API 요청이 성공한 것을 볼 수 있고 네트워크 탭에서 데이터를 볼 수 있지만 왠지 웹페이지에 데이..

Vue 플러그인 설치 기능에 Vuex를 추가하고 구성 요소 간에 상태를 공유하는 방법이 있는가? 기본적으로 vue 설치 및 vue 구성 요소에서 vue 플러그인을 통해 추가되는 내 스토어를 사용하고 싶다. 실제 설치 기능 내에서 vuex를 사용할 수 있고 vuex가 할 수 있는 모든 작업을 수행할 수 있다는 것을 발견했지만, 사용자 지정 구성 요소에 전달할 수는 없는 것 같아. 내 SFC에 글로벌 이벤트를 추가하는 다른 방법은 없으십니까? import MyComponent from './MyComponent.vue' import MySecondComponentfrom './MySecondComponent.vue' import Vuex from 'vuex' import store from './store...

동적으로 생성된 구성 요소의 vuex 저장소 분리 이 질문이 나를 잠시 꼼짝 못하게 했다.불행히도, 나는 여기서 답을 찾지 못했다.그래서 조사를 좀 하고 여기저기 물어본 결과 이 문제에 대한 해결책을 찾은 것 같다. 만약 여러분이 이미 답을 알고 있는 질문이 있다면, 그리고 다른 사람들(자신을 포함한)이 나중에 찾을 수 있도록 공공장소에서 그 지식을 문서화하기를 원할 것이다. 물론, 내 답변이 이상적인 답변은 아닐 수도 있고, 게다가 그것이 내가 그것을 향상시키기 위해 게시하는 핵심 요점이 아니라는 것도 알고 있다. 참고, 나는 예를 들어 액션을 사용하지 않는다.생각은 똑같다. 우선 그 문제를 다음과 같이 서술해 봅시다. 상상해보자App.vue로컬 구성 요소를 동적으로 생성하며Hello. New 우리가 ..

Vue-Router 경로 정의 시 Vuex 상태 액세스 다음과 같은 Vuex 스토어(main.js)가 있다. import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) //init store const store = new Vuex.Store({ state: { globalError: '', user: { authenticated: false } }, mutations: { setGlobalError (state, error) { state.globalError = error } } }) //init app const app = new Vue({ router: Router, store, template: '', components: { App } }).$m..

Vuex에서 상태 어레이를 업데이트하는 방법? 나는 항목을 추가, 삭제 및 편집할 수 있어야 한다.지금까지 나는 추가와 제거만 할 수 있었다. 내 질문은, 더하기 위해, PUSH를 사용하고, 제거하기 위해 SPLICE를 사용한다.하지만 편집은 어떨까? 나는 VUEJS, VUEX, 자바스크립트와 함께 일하고 있어. 내가 하는 일의 예: SAVE methods: { submit() { this.$v.edit_category.$touch(); if(this.$v.edit_category.$error) return this.editCategory() }, editCategory() { const category = { value: this.edit_category.value, text: this.edit_cat..

MVC 프로젝트에서 MapState가 Vue3와 함께 Vuex4를 찾을 수 없음 내 MVC 프로젝트에서 나는 Vue3를 Vuex4와 함께 사용하고 있고 그들은 일하고 있지만 나는 mapState에 한 가지 문제가 있다. 이러한 가져오기 문을 사용할 경우 다음 오류가 발생하는 경우: import Vue from 'vue'; import Vuex from 'vuex'; 1 검색되지 않은 구문오류: 모듈 외부에서 가져오기 문을 사용할 수 없음 그래서 나는 이 파일들을 내 _Layout 페이지에 추가하여 수정한다. 지금까지는 효과가 있다.하지만 내가 mapState를 사용하고 싶을 때, 나는 스택이다! 그것을 어떻게 고쳐야 할지 잘 모르겠다. import { mapState } from 'vuex'; mapSt..