반응형

Vuex 7

Vuex에서 v-select의 기본값을 두 스토어에서 어떻게 선택합니까?

Vuex에서 v-select의 기본값을 두 스토어에서 어떻게 선택합니까? Vuex 스토어에서 채우는 v-select가 있습니다.v-select에서 계산된 속성(고객)에서 가져온 다른 개체의 속성 ID와 일치하는 값을 선택해야 하지만 이 값을 사용할 수 없습니다. 상태를 변경하고 싶지 않습니다. 고객 객체의 priceListId ID에 따라 일치하는 드롭다운 값을 표시하고 싶습니다. V-선택: 모델 코드: export default { data: () => ({ select: null }), computed: { priceLists () { return this.$store.state.pricelists.pricelists }, customer () { return this.$store.state.cust..

sourcetip 2023.07.07

Vuex 모듈, 돌연변이 및 액션에 ES6 클래스를 사용해도 괜찮습니까?

Vuex 모듈, 돌연변이 및 액션에 ES6 클래스를 사용해도 괜찮습니까? 다음과 같은 방법으로 재사용 가능한 Vuex 모듈을 만들 예정입니다. // parent class to keep all the common CRUD actions class ListModule { state: getInitialState(), actions: new ListActions(), mutations: new ListMutations() } ... class FooMutations extends ListMutations { // some additional mutations } // class with parent's actions and data structure, but modified mutations class Fo..

sourcetip 2023.07.02

Vuex 작업 - Axios 반환 오류

Vuex 작업 - Axios 반환 오류 Vuex 작업 - Axios 반환 오류입니다. 약속이 올바른 값을 반환하지 않는 내가 무엇을 잘못하고 있습니까? 누군가가 이 의심을 도울 수 있습니다. 서버 뒤에 오류 메시지를 표시하고 싶습니다. 지금부터 관심을 가져주셔서 정말 감사합니다.감사해요. 요소 methods: { ...mapActions('auth', ['login']), onSubmit () { this.login({ 'username': this.username, 'password': this.password }).then(obj => { console.log(obj) }).catch(obj => { console.log(obj) }) } } function login ({ commit, state,..

sourcetip 2023.06.22

Vuex 배열 항목 부울 값 전환

Vuex 배열 항목 부울 값 전환 어떤 이유로 인해 Vuex 상태 배열에서 항목의 확인란을 전환할 수 있는 작동 솔루션을 찾을 수 없습니다.작업 항목을 표시할 수 있을 정도로 작동하게 되었습니다. 하지만 토글 변환을 커밋하고 호출하려고 할 때마다 예상대로 작동하지 않고 아무것도 바뀌지 않습니다.done =을 true로 설정하면 작동하지만 전환하지는 않습니다.감 잡히는 게 없어요? 보기: {{ todo.title }} 상태: import { createStore } from 'vuex'; import Todo from '@/types/Todo'; import { State } from 'vue'; const store = createStore({ state() { return { todos: [] as T..

sourcetip 2023.06.22

Firebase 서비스 작업자와 Vue/Vuex 웹 애플리케이션 간의 통신 방법

Firebase 서비스 작업자와 Vue/Vuex 웹 애플리케이션 간의 통신 방법 우리는 파이어베이스 서비스 직원이 "옆"에서 실행하는 Vue 애플리케이션을 실행하고 있습니다.서비스 작업자는 다음과 같이 시작되었습니다. // main.js import firebase from 'firebase/app' import 'firebase/messaging' ... const firebase_config = { apiKey: 'YOUR_API_KEY', authDomain: 'YOUR_PROJECT_ID.firebaseapp.com', databaseURL: 'https://YOUR_PROJECT_ID.firebaseio.com', projectId: 'YOUR_PROJECT_ID', storageBucket: ..

sourcetip 2023.06.12

vuex 스토어는 setTimeout 이후에만 사용할 수 있는 이유는 무엇입니까?

vuex 스토어는 setTimeout 이후에만 사용할 수 있는 이유는 무엇입니까? vuex 스토어를 가져오는 lib가 있습니다. import {store} from "./index" 그 밖에index다음과 같은 일정한 내보내기가 파일에 있습니다. export const store = new Vuex.Store({ ... 내가 가져올 파일에서, 나는 가져오기 후에 상점에서 무언가를 사용하고 싶었지만,store정의되지 않았습니다. 내 스토어 액세스를 setTimeout으로 포장했다면 다음과 같습니다. setTimeout(()=>{ // use store normally now.. },0) 그건 효과가 있다. 왜죠? 저는 이것이 Vuex에만 국한된 것이 아니라고 생각하지만 왜 그런 일이 일어나는지 모르겠습니다..

sourcetip 2023.06.07

사용자가 저장 버튼을 누르기 전에 상태를 업데이트해야 합니까?

사용자가 저장 버튼을 누르기 전에 상태를 업데이트해야 합니까? 현재 vue.js 프로젝트에 vuex를 사용하고 있습니다.간단히 말하자면, 블로그라고 가정해 보겠습니다.새 블로그 만들기 단추를 클릭할 때 새 빈 블로그 개체를 추가하여 변경 내용을 상태 및 업데이트해야 하는지 아니면 구성 요소 내의 변경 내용을 추적하고 사용자가 저장 단추를 누른 후에만 상태를 수정해야 하는지 알 수 없습니다.이 경우 저장 버튼을 클릭하면 데이터가 데이터베이스에 저장됩니다. {{blog.name}} Create New Blog 사용 사례에 따라 이러한 종류의 정보가 달라질 수 있지만, 이 블로그는 단순하므로 v-model을 사용하여 구성 요소 수준에서 변경 사항을 추적한 후 사용자가 저장 버튼을 클릭하면 새 블로그 정보(로컬..

sourcetip 2023.06.07
반응형