copysource

Vuex를 사용하여 API를 호출하는 올바른 방법은 무엇입니까? 저는 Vuex에 Vue Webpack 앱을 가지고 있습니다(두 앱 모두 Ember 세계에서 온 지 얼마 안 되었습니다).현재 다음과 같은 두 개의 파일로 vue-resource를 사용하도록 설정되어 있습니다. /src/store/api.module import Vue from 'vue'; import { store } from './store'; export default { get(url, request) { return Vue.http .get(store.state.apiBaseUrl + url, request) .then(response => Promise.resolve(response.body)) .catch(error => Prom..

Vuex getter의 옵서버에서 값 가져오기 getter 메서드를 사용하는 네임스페이스 모듈이 있습니다.allItems()정규화된 상태에서 값 배열을 가져옵니다. ... getters: { allItems(state, getters, { entities }) { return state.items.map(function (item){ return {...entities.product[item]}; }); } } 다른 요소들을 얻으려고 하면, "당신은 부동산에 전화할 수 없습니다"라는 메시지가 나타납니다.undefinedelement" 오류입니다. 내가 넣으면console.log(entities)요소들의 배열이 보이고, 그 요소들의 배열이console.log(entities.products)옵저버가 있어{..

왜 일부 커널 프로그래머들은 루프 중에 단순 대신 goto를 사용하는가? C를 배웠을 때 선생님은 하루 종일 "고토 쓰지 마, 나쁜 습관이야, 못생기고 위험해!"라고 말씀하셨어. 일부 는 왜 ""를 합니까?goto예를 들어, 이 기능에서는 단순한 것으로 대체할 수 있습니다. while(condition) {} 또는 do {} while(condition); 난 그것을 이해할 수 없다. 고토 대신 ?while/do-while약약면면면면면면면?이력 컨텍스트:우리는 Dijkstra가 1968년에 Goto Consided Enharious라는 글을 썼다는 것을 기억해야 한다. 그때 많은 프로그래머들은 이 글을goto구조화된 프로그래밍을 대체하기 위한 것입니다(if,while,for등 ) 。 44년이라는 않습니다..

nuxt plugins 글로벌 메서드의 typescript 정의에 유형이 있습니까? Vuex 스토어 인스턴스에서도 액세스 가능해야 하기 때문에 주입 속성에 의해 정의된 글로벌 메서드를 제공하는 Nuxt.js 플러그인을 작성했습니다.형식 정의 파일을 작성했습니다.이 파일은 에 포함되어 있습니다.tsconfig.json페이지와 같이 Nuxt.js 어플리케이션에서 이 글로벌 메서드에 접속하면 입력은 예상대로 동작합니다.스토어내의 액션 메서드로 이 메서드에 액세스 하려고 하면, 타입 any 가 됩니다.의 유형을 확대하려면 어떻게 해야 합니까?vuex/types/index.d.ts인텔리센스 지원 및 올바른 타이핑으로 내 메서드에 접근할 수 있습니까?이거 정말 좋겠다. Moritz씨께 안부 전해 주세요. 테스트한 ..

vue 컴포넌트가 있는 브라우저의 뒤로 버튼을 비활성화하려면 어떻게 해야 합니까? 내 vue 컴포넌트는 다음과 같습니다. ... 컴포넌트가 실행 중일 경우 브라우저의 버튼을 비활성화합니다.따라서 사용자는 이전 페이지로 돌아갈 수 없습니다. 어떻게 해야 하죠?vue 인스턴스를 생성할 html 파일을 추가하여 이 스크립트를 사용해 보십시오. history.pushState(null, null, location.href); window.onpopstate = function () { history.go(1); }; URL이 변경될 때마다 이 코드를 실행하십시오.사용자의 백액션을 상쇄합니다. window.history.forward(1) 언급URL : https://stackoverflow.com/questio..

스토어 데이터가 필요한 API를 깔끔하게 호출하는 방법 현재 상태 저장 데이터를 필요로 하는 별도의 api에 접속하려고 할 때 어려움을 겪고 있습니다.그러나 데이터를 가져오는 데 필요한 데이터를 먼저 시작해야 합니다.기본적으로는 vuex에서 상태를 구축하는 초기 설정과 거의 비슷합니다.다음은 예를 제시하겠습니다. Axi를 사용하여 조직 데이터를 가져온 다음 조직 데이터가 필요한 다른 데이터 집합을 가져오십시오. 스토어 파일은 다음과 같습니다. import axios from 'axios' export const state = () => ({ currentBoard: [], ideas: [] }) export const actions = { async fetchOrganization({ commit }) ..

테스트 실행 중 vue-module이 재설정되지 않음 현재 Vue.js 앱에 대한 테스트를 쓰고 있는데, 라우팅 테스트가 있는 경우 경로 지정이라는 문제에 휘말렸습니다.href이전 테스트에 따라 각 다음 테스트에서 수정됩니다. 예를 들어, 첫 번째 테스트에서 시뮬레이트할 경우,href='document/123'체크해 주세요.vm.$router.history.path, 올바르게 표시됩니다.document/123하지만 다음 테스트에서도 똑같이 하려고 하면vm.$router.history.path나타나다document/document/123다음 테스트 때마다 경로에서 계속 'displicate'를 추가합니다. 그것은 이상하고 처럼 보인다.router에서의 모든 테스트 동안 기존 상태를 유지합니다.describ..

Vuetify 내비게이션 드로어가 한 번 작동한 후 멈춥니다. Vuetify 내비게이션 드로어를 사용하고 있습니다.여는 요소는 헤더의 다른 컴포넌트(v-toobar-side-icon)에 있습니다.매장에 서랍의 개폐 상태를 보관하고 있습니다.나는 서랍의 상태를 파악하기 위해 계산된 방법을 사용하고 있다.에러 메세지가 계속 표시된다. Computed property "drawerState" was assigned to but it has no setter. 이 일이 일어나는 건 알아 왜냐면 내가 이 일을v-model서랍의 가시성을 조절합니다.계산 세터를 사용하여 드로어의 상태를 변경하는 것이 아니라 클릭 방식을 사용하고 싶습니다. 나는 그것을 사용해봤어요.:value대신v-model그것도 제대로 작동하지 않..

Vuejs는 변경 이벤트 시 오래된 값을 가져옵니다. 아래의 제 스니펫을 참조해 주세요.변경된 모델의 이전 값을 얻으려면 어떻게 해야 합니까? 이 경우 경과 시간은 vuej 단위입니다. var app = new Vue({ el:"#table1", data:{ items:[{name:'long name One',age:21},{name:'long name Two',age:22}] }, methods:{ changeAge:function(item,event){ alert(item.age); } } }); Name Age {{item.name}} : 시계를 사용하려고 합니다만, 연대를 보는 데 도움이 되지 않습니다. 이 솔루션에서는 사용자 입력에서 발생하는 변경을 처리할 때만 이전 값이 필요하다고 가정합니다...

라우터 전 Vue created()에 로드되기 전에 실행된 각 가드 만약 내가 직접 경비가 삼엄한 경로로 간다면http://127.0.0.1:8000/dashboard/라우터 가드 체크 시 스테이트가 아직 로드되지 않았기 때문에 네비게이션은 항상 거부됩니다. beforeEachVue보다 먼저 실행 중입니다.created따라서 현재 로그인한 사용자가 인식되지 않습니다. 이 치킨 앤 에그 문제를 어떻게 해결할 수 있을까요? 관련성을 위해 아래 파일이 잘렸습니다. main.discloss.main.discloss. router.beforeEach((to, from, next) => { // // This is executed before the Vue created() method, and thus store..