prostudy

vuex를 사용할 때 typescript 구문에서 mapState 함수를 사용하는 방법 vuex와 통합된 vuejs 프로젝트에서 typescript 구문을 사용하고 있습니다..ts 파일에서 계산한 대로 mapState 메서드를 사용하고 싶은데 구문 오류가 발생했습니다.현재 계산된 함수에 대해 docs 권장 구문을 사용하고 있습니다.즉, 다음과 같습니다. get counter() { return this.$store.state.count; } Vuex 문서를 읽으면 Vuex를 사용하는 대신mapState매우 반복적입니다.사용.mapState는 대규모 어플리케이션에서 매우 쉽고 편리합니다.사용하고 싶다mapState올바른 방법을 모르겠습니다.아래 방법을 사용해 보았습니다.mapState기능을 했지만 소용없었..

vuex 게시 요청에서 상태의 값을 전달하는 방법 폼에 맞게 get과 set을 사용하여 데이터를 수집하고 있습니다.API에 상태를 게시하고 싶습니다.어떻게 하면 주(州)를 이동하거나 그룹화해서 행동을 취할 수 있을까요? state: { firstname: "", lastname: "", }, mutations: { setFirstName(state, value) { state.firstname = value }, setLastName(state, value) { state.lastname = value }, 다음과 같습니다. sendInfo({commit}, object) { axios.post('API_URL', object) .then((response) => { ... }) } computed: {..

Apollo Client를 사용하여 상태 업데이트 Vuex에서 ApolloClient를 사용하려고 하는데 해결할 수 없는 문제가 발생했습니다. 나는 전화한다ApolloClient.query()vuex 액션에 포함된 함수이지만 함수는 항상 첫 번째 액션콜에서 해결된 약속을 반환하는 것처럼 보입니다.따라서 함수가 한 번 실행된 후에는 서버에 요청이 전송되지 않고 페이지를 로드할 때와 동일한 결과가 나타납니다(데이터베이스의 실제 데이터는 변경되지만). Apollo Dev Tools를 살펴보면 Apollo 상태에 대한 변경도 적용되지 않았기 때문에 Apollo Client 작업의 핵심 개념을 놓쳤다는 생각이 듭니다.제가 무엇을 하거나 읽어야 하는지 아이디어를 주실 수 있나요? Vuex 액션: getTeams: ..

Vuex 맵은 TypeScript를 사용하여 기능합니다. 다음과 같은 상태(게임 네임스페이스)에 대한 인터페이스가 있습니다. interface GameState { selectedTab: number; timeout: number; snackbar: boolean; text: string; doneTasks: number; taskTypes: TaskType[]; stages: Stage[]; } 태스크 맵을 작성하려고 합니다.다음과 같이 mapState를 사용하여 컴포넌트 내에서 타입을 지정합니다. ...mapState('game', { taskTypes: (state: GameState): TaskType[] => state.taskTypes, }), "Argument of taskTypes: (상태..

v-for의 경우 v-model 입력에서 Vuex 저장소를 업데이트하는 방법 10개의 사물을 배열해서 말하면policies = [{name:'a',text:''},{name:'b',text:''},....] v-for를 사용하여 텍스트 속성이 v-model로 바인딩된 레이블 A: 입력 상자를 표시하기 위해 반복됩니다.v-model에서 정책 텍스트가 변경될 때마다 변환을 트리거하려고 합니다. 여기 바이올린 링크가 있습니다.https://jsfiddle.net/dmf2crzL/41/사용하시는 것으로 상정하고 있습니다.v-model잠깐 동안2-way와 함께 구속되는.Vuex가게. 문제는 Vuex 스토어를 strict 모드로 하는 것입니다. const store = new Vuex.Store({ // ... s..

vuex에서 둘 이상의 옵션 및 필터 확인 vuex 스토어에서 데이터를 필터링하려고 합니다.할 수는 있지만, 제대로 할 수는 없어요.하나의 옵션만 선택하면 선택한 항목이 필터링되고 표시됩니다.그러나 여러 옵션을 선택하면 아무것도 표시되지 않습니다. 내가 지금까지 한 일은 바로 아래에 있다. 업데이트된 코드 및 상자 그리고 여기, 정확한 예가 있습니다.이것이 제가 직면한 상황입니다.https://codesandbox.io/s/vue-template-oxwtk filter.filter.filter.filter.filter. export function getByRooms(articles, room) { if (room.length == 0) { return articles; } else { return ar..

상태 항목의 값을 증가시키는 방법 모든 항목을 표시하는 뷰가 있는데, 추가 버튼을 클릭하여 각 항목의 수량을 늘리고 싶다.나는 이것을 세우기 위해 문제가 있다. 이것이 내가 지금까지 생각해낸 것이다. items: [{ id: 1, name: "Car", quantity: 1 }, { id: 2, name: "Car2", quantity: 1 }, ] 내가 투쟁하는 돌연변이 -> 여기서 배열된 특정 항목을 어떻게 표적으로 삼는가? increment(state) { state.items.quantity++ } html {{item.name}} {{item.quantity}} + html로 된 방법 add() { this.store.commit("increment") } ID를 메소드에 전달하고 돌연변이에 전..

TypeError로 인해 Vuex+Jest 테스트가 실패함 응용 프로그램에서 Vuex 스토어 모듈을 테스트하려고 하는데 계속 반환됨TypeError: Cannot read property 'getters' of undefined무슨 수를 써서라도제발 도와주세요.암호는 다음과 같다. store/index.ts: import Vuex from 'vuex'; import auth from './auth'; Vue.use(Vuex); export default new Vuex.Store({ state: {}, mutations: {}, actions: {}, modules: { auth, }, }); store/auth.ts: export default { state: { isLoggedIn: getKey(),..

http 요청을 사용하여 Vue 양식 입력을 Adonis 컨트롤러로 보내는 방법 그래서, 나의 Vue 구성 요소는 사용자에게 그의 이메일을 입력하도록 요청한다.사용하고 있다.v-model데이터 바인딩용 Send 나의MailController아도니스에서는 사용자의 이메일을 입력으로 수신할 수 있어야 한다.나는 이런 것을 상상했다. 'use strict'; class MailController { *mail (request, response) { const email = request.input('email'); } } 무엇을 얻는 올바른 방법이 되어야 하는가?email?1.) npm 설치 vue-pam --save 2.) vue의 main js 파일에 var Vue = require('vue'); var ..

vuex 스토어에 라디오 버튼을 바인딩하는 방법? 단방향으로 라디오 버튼 집합의 값을 내 모델에 바인딩하고 변경 시 vuex 저장소를 업데이트하고 싶다.불행하게도 이것은 어디에도 기록되어 있지 않은 것 같다.어떤 도움이라도 감사할 것이다. 문서화된 양방향 바인딩 작업: TV Social media 하지만 vuex는 이 경우 불평하기 시작한다.Do not mutate vuex store state outside mutation handlers경고에 따라 변이 방법 이외의 Vuex 상태 개체의 값은 수정할 수 없다. 다음과 같은 계산된 속성을 만들 수 있다.get/setVuex 저장소에 있는 관련 데이터의 상태를 참조/업데이트하는 방법. 여기 간단한 예가 있다. const store = new Vuex.St..