sourcejob

vuex를 사용하여 개체 배열에서 텍스트를 잘라내시겠습니까? 이건 내가 어제 물어본 질문에 대한 일종의 구축이다.개체 배열에서 텍스트를 잘라내시겠습니까? 같은 논리를 적용하지만 vuex 스토어를 사용합니다.저희 가게는 이렇게 생겼어요. state: { Data: [] }, getters: { getData:state => { const maxLength = 10; const resultArray = state.Data.map(i => { if (i.name { if (payload) { context.commit("setData", payload); return; } else { Vue.$http.get(`https://example.com/getData`).then( (response) => { con..

Vue에서 비동기 데이터를 저장하는 가장 좋은 방법은 무엇입니까? 다음과 같은 스토어 모듈이 있습니다. const state = { user: {} } const mutations = { saveData(state, payload) { state.user = payload } } const actions = { async loadData({ commit }, payload) { try { const res = await axios.get('https://api.example.com/user/1') commit('saveData', res.data.data) } catch(e) { console.log(e) } } } const getters = { getData(state) { return state.u..

Vuex에서 Axios 요청이 성공한 후 알림 표시 데이터를 저장하기 위해 Vuex를 사용하고 있습니다.내 앱에 로그인하기 위한 액션이 있습니다.요청이 성공했을 때 알림(iziToast 알림)을 표시하고 싶은데, 그것을 실현하는 최선의 방법을 모르겠습니다. 1.- Vuex에서 약속을 반환하고 Vue 컴포넌트의 데이터를 처리해야 합니까? 2.- Vuex 라이브러리(iziToast)를 사용할 수 있습니까?아니면 안티패턴인가요?이거 어떻게 해? Vuex 액션은 다음과 같습니다. loginUser({ commit, state }, user) { axios.post("/api/v1/user/login", { email: user.email, password: user.password }).then(response..

오브젝트 내의 여러 어레이를 평탄화 및 구별 다음과 같은 대상이 있습니다. '1': { id: 1, ... tags: ['cat I', 'cat II'] }, '2': { id: 2, tags: ['cat II', 'cat III'] } 모든 카테고리(복제 없음)를 취득하려면 , 다음의 순서를 실행합니다. const cats = []; this.courses.forEach(data => (data.tags) ? cats.push(data.tags) : ''); return [...new Set(cats.flat())]; 그것은 효과가 있지만 나는 이것이 "과도한" 방법이라는 느낌이 든다.계산된 속성에 있기 때문에 두 번 실행됩니다. 카테고리를 구별하고 걸러낼 수 있는 다른 방법이 있습니까?가게에 문의해서..

[Vue warn] :렌더 함수 오류: "TypeError: null의 속성 'first_name'을 읽을 수 없습니다." 다음과 같은 것이 있습니다.Navigation.vue컴포넌트: {{user.first_name}} 이 코드는 다음과 같이 반환됩니다. [Vue warn]: Error in render function: "TypeError: Cannot read property 'first_name' of null" 그런데 이상한 것은 사용자 이름이 올바르게 표시되고 있다는 것입니다.내가 뭘 잘못하고 있지?이 에러는, 다음의 이유로 발생하는 경우가 대부분입니다.userVuex 스토어의 초기 설정은 다음과 같습니다.null.그userVue 컴포넌트에 매핑된 getter가 다음 명령을 반환합니다.null..

vuex-orm에서 중첩된 개체를 처리하는 방법 다음과 같은 오브젝트가 있습니다. userRights { "admin": true, "rights": [ { "id": 1, "value": true }, { "id": 2, "value": true }, { "id": 3, "value": true }, { "id": 4, "value": true }, { "id": 5, "value": true }, { "id": 6, "value": true }, { "id": 7, "value": true } ] } 그value매핑된 것과 함께 매핑되어야 합니다.id다음 오브젝트 배열로 변환합니다. rights [ { idModule: 1, name: 'admin.rights', caption: 'Rechte ver..

테이블 셀에서의 VueJ 이행 VueJs의 테이블 셀 요소에 대한 작업 전환을 시도하고 개체 내에서 변경된 항목에 대한 작업을 수행하려고 합니다.데이터 스토어에 Vuex를 사용하고 있는데 개별 셀에서도 Vuex를 사용할 수 없는 것 같습니다(Fiel 1 참조). // This call state data. const state = { items: [{ id: 1, text: 'Hello', name: 'Bill' }, { id: 2, text: 'There', name: 'Diane' }, { id: 3, text: 'My', name: 'John' }, { id: 4, text: 'Name', name: 'Anne' }, { id: 5, text: 'is', name: 'Fred' }, { id: 6,..

비동기 콜에서 응답을 반환하는 방법 나는 기능이 있다.foo비동기 요청을 만듭니다.응답/결과를 반환하려면 어떻게 해야 합니까?foo? 콜백에서 값을 반환하고 함수 내의 로컬 변수에 결과를 할당하여 반환하려고 합니다만, 실제로 응답을 반환하는 방법은 없습니다(모두 반환).undefined또는 변수의 초기값이 무엇이든result이)입니다. 콜백을 받아들이는 비동기 함수의 예(jQuery 사용)ajax기능) function foo() { var result; $.ajax({ url: '...', success: function(response) { result = response; // return response; // response.json()) .toPromise(); } 이런 식으로 소비할 수 있습니..

vuex 맵에서 이름 간격이 작동하지 않음 모듈 네임스페이스를 찾을 수 없음 저는 작은 프로젝트를 개발하고 있는데 네임스페이스를 사용하여 같은 이름의 게터, 돌연변이, 액션을 피하고 싶습니다. 문서에서 설명한 바와 같이 모듈을 Import하여 저장해야 하며 맵은 올바른 모듈로의 경로를 수신해야 합니다. 경로를 생략하여 모든 것을 Import할 수 있지만 경로를 지정하면 mapActions()에 없는 모듈 이름 공간이 느려집니다. 이 오류는 getter와 액션 모두에서 발생합니다. 다음은 저의 스토어 모듈입니다. Stock.js const state = { stocks: [ {id: 1, name: 'BMW', price: 110}, {id: 2, name: 'Google', price: 200}, {id..

Nuxt - 비동기 액션 후 대기(이것).$store.displays) 저는 Nuxt에 처음 와서 이해가 안 되는 문제에 직면해 있습니다. 코드화하면 다음과 같습니다. const resp1 = await this.$axios.$post('urlCall1', {...dataCall1}); this.$axios.$post('urlCall2', {...dataCall2, resp1.id}); 두 번째 Axios call = > 에서는 resp1.id 가 올바르게 설정되어 있습니다.두 번째 콜을 실행하기 전에 첫 번째 콜이 완료될 때까지 기다립니다. 그러나 vuex 저장소 ex에서 비동기 작업을 정의하는 경우: async action1({ commit, dispatch }, data) { try { const ..