cyworld

Vuex getter가 정의되지 않은 상태로 반환됨 여기 내 것이 있다.store.js코드 : export const store = new Vuex.Store({ state: { staffID: '', count: 0, }, getters:{ getStaffID: state => { console.log("13 getStaffID: " + state.staffID) return state.staffID; } }, mutations: { UPDATE_STAFFID: (state,value) => { state.staffID = value console.log("20 mutations: " + state.staffID) }, }, actions: { update_staffID: (context, payloa..

VueJS(vuex)에서 온디맨드 방식으로 데이터 가져오기 여러 구성 요소에 사용되는 일부 데이터가 있는 저장소가 있다. export default new Vuex.Store({ state: { _invoices: [], }, mutations: { setInvoices: (state, invoices) => (state._invoices = invoices), }, actions: { getInvoices: context => { setTimeout(() => { const invoices = [{id: 1}, {id: 2}, {id: 3}]; // mimicking ajax call context.commit('setState', invoices); },2000); }, }, }) 내 구성 요소에서 ..

모듈 구문 분석 실패:예기치 않은 문자 '@'(1:0) vuejs, vuetify 및 vuex 다음과 같이 Vuetify를 추가/통합하는 동안 오류가 발생함..main.js의 'vuetify/lib' Vue.use(Vuetify)에서 Vuetify 가져오기 오류: ERROR in ./node_modules/vuetify/src/stylus/components/_grid.styl Module parse failed: Unexpected character '@' (1:0) You may need an appropriate loader to handle this file type. | . @import '../bootstrap' main.js. import Vuetify from 'vuetify/lib' Vu..

Mocha 단위 테스트에서 이름에 접근하는 방법이 Vuex getter를 능가했다. 나는 이름이 앞서는 Vuex getter를 사용하여 열 이름 목록에 액세스하는 새로운 Vue 구성 요소를 만들고 있다.실제 구성 요소는 컴파일하여 실행한다. 나의 모카 단위 시험에서, 나는 "올컬럼스"라고 불리는 문자열 목록을 반환하는 모의 게터를 만들었다.장치 테스트를 실행하면 LumpMount 중에 구성 요소의 메서드가 초기화하는 동안 이 .allColumns에 액세스하려고 하지만 값은 항상 정의되지 않는다.이 안에서 내가 원하는 가치를 알 수 있다.$store.getters.allColumns, 그러나 이것은 여기에 매핑되지 않고 있다.모든Columns는 내가 브라우저에서 페이지를 열 때 그렇게 한다. 시험에서 게이..

원자 설계 패턴에서 방출하여 시각 선택에서 값을 변경하는 방법 의 변화된 가치를 얻기 위해 노력하고 있다.vuetify v-select을 이용하여$emit하지만 효과가 없어나는 원자 설계 패턴(atoms(어린이 성분, 저장소와 연결되지 않는 것)과 유기체(부모 성분) 및 vuex 저장소를 적용하여 구성요소를 나누었다.나는 $emit 데이터는 괜찮다고 생각하지만 그 과정이 끝나면 아무 것도 작동하지 않아. 이것은 새로운 관리 페이지 응용프로그램을 위한 것이다.vue, vuex, vuetify,API 서버에 연결하는 원자 설계. 구성 요소들 하위 구성 요소 - 원자 폴더 내 상위 구성요소 - 유기체 폴더 내 부룩스 매장 인덱스 js export default new Vuex.Store({ modules: {..

실시간 메시징 앱에서 상태 처리 나는 VueJS 2와 함께 구축된 실시간 메시징/챗 앱에서 상태 관리에 관한 지침을 찾고 있다. 앱은 다음 다이어그램에 설명된 몇 가지 구성 요소로 구성된다. 지금까지 디스플레이(가짜) 대화를 실행했다.앱 구성 요소에는 대화 개체가 있는 배열이 포함되어 있다.각 아동 구성요소에 대해, 관련 데이터는 소품을 사용하여 전달된다.이것은 정말 간단하고 매력적으로 작용한다. 이제, 나는 나무에 깊게 내포된 구성 요소로부터의 행동/진작을 다루어야 한다.예를 들어 메시지를 보내고 해당 메시지 배열에 메시지를 추가하는 경우. AppConversationChatWindowInput 구성 요소에서 (글로벌) 이벤트를 발송하고 App 구성 요소에서 처리하는 것만큼 쉽다고 생각했다.내가 틀렸어..

Vue 앱에서 자동 복구된 사용자의 데이터를 가져오는 최적의 장소? 안녕, 나는 집에 있는 내 익스프레스 API에서 게시물 배열들을 가져오고 있어.노선 경비원이 보호하는 부호 petchPosts 작업: async fetchPosts(context) { try { const res = await api.get('/posts', { headers: { Authorization: `Bearer ${localStorage.getItem('token')}` } }) context.commit('SET_POSTS', res.data) context.commit('SET_ERROR', null) } catch(err) { console.log(err.response.data) context.commit('SET_ER..

VueJS + Vue.끌 수 있는 + Vuex 스토어 + 계산된 변수 Vue를 사용할 방법이 있는가?Vuex Store에서 계산된 변수가 있는 끌 수 있는 목록?VueJS는 처음 접하는 제품이며 현재 구성 요소 설정: // Template {{ element.name }} ({{ element.list }}) ({{ index }}) // Script computed: { list1: { return this.$store.getters.listItems.filter(item => item.list === 1) } } // Store const getters = { listItems: (state) => { return state.items } } 계산된 변수가 없으면 모든 것이 잘 작동한다.계산 변수를 ..

Vue.js - Vuex에 저장된 Javascript 모델이 개체로 변환됨 나는 지금 Vuex와 문제가 있어.내가 하려는 것은, vuex 매장에 자바스크립트 클래스(모델)를 저장해 두는 것이다.내가 다시 그 모델에 접근하기 전까진 이게 효과가 있을 것 같아클래스에서 일반 객체로 자동 변환된다. 다음은 vuex 모듈 JS 파일: const state = { ownedCoins: [] } const mutations = { ADD_COIN (state, coin) { console.log(coin) state.ownedCoins.push(coin) console.log(state.ownedCoins) } } const actions = {} const getters = { ownedCoins (state) ..

Vuex 반환 부울? hasPermission이라는 템플릿을 끈으로 불러올 수 있는 기능을 만들려고 한다.하지만 내가 부르면 vuex는 약속의 대상을 돌려준다.부울을 돌려줄 방법이 없을까? hasPermission({ state }, permission) { for (var i = 0; i < state.user.permissions.length; i++) { var perm = state.user.permissions[i]; if (perm.name == permission) { return true; } } return false; } v-if="hasPermission("테스트")처럼 부르고 그 반응을 바탕으로 보여 주고 싶다.하지만 나는 이것을 하는 데 약간 어려움을 겪고 있다.당신이 할 수 있는..