c10106

vue/vuex 반응도 제한 우리가 어떤 종류의 물체를 가지고 있고, 이 물체들은 절대 변하지 않는다고 가정해 봅시다.예를 들어, 구글 지도에서 받은 검색 결과일 수 있다. api - 모든 결과는 ID, 제목, 주소, 좌표, 사진, 그리고 많은 다른 속성들과 방법들로 다소 복잡한 것이다. 우리는 vue/vuex를 사용하여 지도에 검색 결과를 표시하기를 원한다.만약 새로운 결과가 가게로 밀린다면, 우리는 그들의 마커를 지도에 그리고 싶다.어떤 결과가 삭제되면 우리는 그것의 마커를 제거하기를 원한다.그러나 내면적으로는 모든 결과가 결코 변하지 않는다. vue에게 어레이(푸시, 스플라이스 등)를 추적하되, 더 깊이 들어가지 말고 요소의 속성을 추적하지 말라고 하는 방법이 있는가? 현재로서는 일부 보기 흉한 데..

Vue 및 Vuex: 상태를 변경할 때 계산된 속성이 호출되지 않음 나는 Vue와 Vuex가 처음이라 조금만 참아줘. 계산된 기능을 만들고 싶다.versions()내가 바뀔 때 부름을 받다.state.template, 그러나 나는 그렇게 하지 못하고 있다.좀 더 구체적으로, 언제state.template.versions변화들 이 구성 요소는 다음에 다시 렌더링할 구성 요소의 일부임state.template.versions변화들계산된 속성을 볼 수도 있다.versions()내가 부르고 싶은 것은: ... ... computed: { ...mapState('documents', ['template', 'activeVersion']), ...mapGetters('documents', ['documentVers..

확인란을 Vuex 저장소에 바인딩하는 방법? 나는 몇 개의 확인란이 들어 있는 구성요소를 가지고 있다.내 Vue 응용 프로그램의 다른 구성 요소에서 어떤 확인란에 액세스할 수 있어야 하지만, 이 확인란들을 내 Vuex 저장소에 어떻게 적절하게 연결해야 하는지를 아무리 생각해도 찾을 수 없다. 구성 요소 내의 확인란을 Vuex 저장소에 연결하여 해당 확인란이 v-model을 통해 구성 요소 데이터에 연결된 것처럼 작동하는 올바른 방법은? 여기 내가 하고자 하는 일의 출발점이 있다(아주 기본적인 의미에서) https://jsfiddle.net/9fpuctnL/ Green Red Blue Purple {{ colours }} const store = new Vuex.Store({ state: { colours..

vuex의 API에서 데이터를 올바르게 가져오는 방법 나는 Vue.js 애플리케이션을 작업 중인데 vuex-router-sync로 API를 통해 데이터를 가져오는 데 문제가 있어. 모든 튜토리얼이나 샘플에서 보았듯이, 스토어 액션을 에 발송하는 것은 흔한 일이다.created부품 후크나의 경우 그것은 선택사항이 아닌 것 같고 그 이유는 다음과 같다. 나는 라우팅에 표준 vue-router를 사용하며 페이지 사이를 이동할 때 내 내용은 물론 사이드바와 머리글도 변경되어야 한다.그래서 나는 다음과 같은 명명된 라우터 뷰 개념을 구현했다. routes: [{ path: '/', components: { page: Home, sidebar: GeneralSidebar, header: HomeHeader } },..

로그아웃 시 vuex 비어 있는 상태 내 문제에 대한 간단한 이야기: 페이지가 로드될 때 내 vuex 상태에 데이터가 전혀 저장되지 않음 사용자가 로그인한 경우(또는 저장된 정보가 있는 경우)window.localStorage따라서 vuex 저장소는 인증이 필요한 소켓에서 모든 정보를 검색한다. 그러면 사용자가 로그아웃하지만 내 vuex 상태 저장은 여전히 모든 데이터를 보존함 이는 공용 PC에 로그인하지 않은 사용자(또는 해커)가 사용자가 로그아웃하기 전의 상태를 볼 수 있기 때문에 보안 문제가 될 수 있다. vuex 매장에서 어떻게 주/도를 지우는지 봤어?그러나 나는 이것이 해킹이며 피해야 한다고 생각한다. 현재 해결책은 단지 페이지를 새로 고치는 것이다.location.reload(); 이 데이터 ..

jQuery를 사용하여 Vue.js 양식에서 값 설정 나는 Vue.js로 만들어진 외부 웹사이트에 있는 거대한 양식을 가지고 있다.콘솔을 사용하여 이 양식을 대량으로 업데이트하려고 한다.jQuery를 사용하여 필드 값을 변경하려고 할 때 $('#build-table-body').find('.input-group__input input:eq(3)').val('222') 나는 입력의 가치를 바꿀 수 있지만, 그것은 실제로 지속되지 않는다.내가 다른 분야로 옮기거나 양식을 제출하는 순간, 그 가치는 이전으로 돌아간다. 도움이 된다면, 사이트는 vue.js 2.5.2, vuetify 및 vuex를 사용하고 있다.사이트는 VPN으로만 접속이 가능해서 공유할 수 없어.이것 좀 도와주면 고맙겠다.vue app/com..

$store 객체를 사용하여 Vuex 하위 모듈 내부 상태에 액세스 import Vue from 'vue' import Vuex from 'vuex' import Users from './modules/Users' Vue.use(Vuex) export const store = new Vuex.Store({ namespaced: true, state: { foo: false, }, modules: { Users }, }) 및 Users.js: // initial state const state = { users: [], } export default { state } 내 컴포넌트로부터, 나는 에 접속하고 있다.Users다음과 같이 저장: this.$store.state.Users.users.forEach(..

Vuex 돌연변이 반환이 마지막으로 삽입됨 나는 돌연변이의 가치를 행동으로 되돌리고 싶다.이 경우 마지막으로 삽입한 개체를 선택하십시오. 내 돌연변이에, 잘 해. mutations: { insert(state, item) { const guid = Math.floor(Math.random() * 6) + 1; // any sense, just example item.guid = guid; state.data.push(item); return guid; }, }, 나의 행동에서, 반품 대신 전화에 대해 잘 일하라. actions: { insert ({ commit }, data) { return new Promise((resolve) => { const guid = commit('insert', event..

선택 입력 /w Vuex 저장소 바인딩에 의한 동적 구성 요소 나는 Vuex 스토어에 양방향 바인딩이 있는 선택 상자 옵션을 기반으로 동적 구성 요소를 변경하는 방법을 모른다.내 단일 파일 구성 요소(Fieldvalue)에는 이 동적 구성 요소와 선택 상자가 들어 있다.형식 값은 Vuex Store에서 가져오며, 여기서 fieldId에 의해 찾을 수 있으며, 상위 구성 요소를 통해 전달된다.그래서 41과 같은 ID를 가진 필드에는 필드값 구성요소가 있다.fieldtypeComponent의 get() 함수는 소품에서 전달된 fieldId 값(부모가 전달함)을 알고 스토어의 fieldvalues 배열에서 검색하기 위한 ID를 가져야 한다. 하지만 내가 어떻게 하는지는 효과가 없어. (합성된 아웃라인) 좋은 ..

Vuex store getter는 항상 false를 반환함 나는 Vue js와 Vuex를 처음 접한다.가게 주인에게 접근하는 데 어려움을 겪고 있지만 Getter에서 볼 수 있고, Activated는 진실이고, In My getter in store.js는 getters: { loggedIn(state) { return state.token !== null }, Activated(state) { return state.activated; }, 활성화된 상태도 볼 수 있지만 store.getters.Activated 항상 거짓으로 돌아가지만 같은 기능으로 로그인한 다른 getter에 접속하면 값이 true가 된다. store.getters.loggedIn 내가 접근하려고 했던 곳 router.beforeE..