cyworld

Mocha 테스트에서 VueX 스토어를 라우터에 Import할 수 없음 업데이트 2 VueX git repo에서 작성된 문제에 대한 링크: https://github.com/vuejs/vuex/issues/1509 복제할 수 있는 레포 링크: https://github.com/djam90/vuex-vue-router-issue 업데이트: 이 문제는 VueX의 이 코드에서 발생합니다.여기서 rawModule은undefined그리고 열쇠는getters점포는 라우터를 수입하고 라우터는 스토어를 수입하는 순환 의존관계 때문이라고 생각합니다. function assertRawModule (path, rawModule) { Object.keys(assertTypes).forEach(function (key) { d..

axios 응답 개체의 모든 항목에서 vuex 상태로 특정 값을 추출하려면 어떻게 해야 합니까? 미치겠네! 콘솔에서 json 어레이 개체를 반환하는 Axios 호출이 있습니다. - 확인하세요! >(100) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…..

Nuxt 저장소 변환이 TypeError를 수신했습니다. store/index.js에 다음과 같은 간단한 스토어를 셋업했습니다. export const state = () => ({ isDark: false, }); export const mutations = { setIsDark(state, payload) { state.isDark = payload; }, }; export const getters = { getIsDark(state) { return state.isDark; }, }; 컴포넌트에 isDark를 넣을 수 있는데 setIsDark를 호출하려고 하면 다음 오류가 발생합니다. TypeError: Cannot read property 'setIsDark' of undefined 내 컴포넌트:..

Vue에서 향후 소품 데이터 또는 소품 디폴트 전달 방법에 따라 결정 템플릿으로 1024 ? width : '35.rem' ,padding:screenWidth > 1024 ? padding : '2rem' }> 만약 내가 3진법으로 쓴다면 나는 써야 한다.screenWidth > 1024이 기능을 단순화할 수 있기 때문에 기능을 호출하고 소품만 전달하면 되는 건가요?다음 명령을 사용하여 기본값에 액세스할 수 있습니다.this.$options.props['propName'].default. 이 경우 프로포트의 디폴트 값에 액세스 할 수 있습니다.width타고this.$options.props['width'].default 사용할 수 있는 것은 다음과 같습니다. 그리고. screenCheckScreenWi..

Vuex 어레이에서 특정 항목 제거 저는 아직 vue.js를 배우고 있으며 Vuex를 사용하여 더 큰 규모의 앱을 만드는 것을 돕기 위해 작은 프로젝트를 진행 중입니다. 앱의 버튼을 사용하여 어레이에서 특정 항목을 삭제하려고 하는 문제가 발생했습니다.Vuex에서 이 작업을 수행하기 위한 구문을 제대로 찾을 수 없는 것 같습니다.제가 하고 있는 일은 다음과 같습니다. 가게 const state = { sets: [{}] } export const addSet = function ({ dispatch, state }) { dispatch('ADD_SET') } const mutations = { ADD_SET (state) { state.sets.push({}) }, REMOVE_SET (state, set..

Vuejs 3 - data() 및 setup() 이외의 후크에서 템플릿으로 데이터를 전송하는 방법 저는 Vue/VueX에 익숙하지 않기 때문에 잘 모르는 부분이 있을 것입니다. 매우 간단한 컴포넌트가 있습니다. VueX에서 항목 컬렉션을 가져옵니다.mapState(인computed()) (in)에서 단일 아이템을 가져옵니다.mounted()현시점에서는) 그런 다음 해당 항목을 템플릿에 푸시해야 하는데 알 수 없습니다. 제가 알기로는 데이터를 템플릿에 푸시할 수 있는 것은setup또는data메서드.mounted,created훅 등이게 맞나? 다음 코드 예에서는 어떻게 하면item내가 얻는 물건items에mounted()템플릿에 추가하시겠습니까? 로는 할 수 없다setup나의 이래computed()VueXi..

Vuex 업데이트 후 하위 구성 요소에서 소품을 강제로 업데이트합니다. 하위 컴포넌트가 있습니다(Vuetify를 포함한 내 사이트에서 재사용되는 )요소.데이터 테이블의 헤더 및 내용 항목은 소품으로 구성 요소에 전달되고 항목 데이터는 상위 항목으로 매핑됩니다.mapGetterVuex 스토어에서요.하위 구성 요소에는 각 행의 편집 기능이 포함되어 있으며,mapActionAPI와 Vuex 데이터를 업데이트하려면 mapGetter가 반응하므로 데이터를 업데이트해야 하며, 따라서 데이터 테이블이 표시됩니다.단, 이것은 동작하지 않습니다.개발 툴을 통해 상태가 정상적으로 갱신되고 있는 것을 알 수 있습니다만, 자 컴포넌트 디스플레이는 동작하지 않습니다. 여기 아이의 관련 부분이 있습니다.컴포넌트: ... ... ..

Vue.js - 도우미 기능을 단일 파일 컴포넌트로 글로벌하게 이용 가능 Vue 2 프로젝트에는 다수의 (50개 이상의) 단일 파일 컴포넌트가 포함되어 있습니다.라우팅에는 Vue-Router를 사용하고 상태에는 Vuex를 사용합니다. helpers.js 라고 하는 파일이 있습니다.이 파일에는 문자열의 첫 글자를 대문자로 하는 등 범용 함수가 많이 포함되어 있습니다.이 파일은 다음과 같습니다. export default { capitalizeFirstLetter(str) { return str.charAt(0).toUpperCase() + str.slice(1); } } main.js 파일은 앱을 초기화합니다. import Vue from 'vue' import VueResource from "vue-re..

Vuej 및 Vuex가 업데이트된 어레이를 렌더링하지 않음 "cartItems"라는 Vuex 어레이에서 수량 속성을 업데이트하려고 하는데 v-for 루프를 사용하여 업데이트되지 않습니다. ShoppingCart.vue (부모) CartItem.vue(자) {{item.quantity}} 수입 소품: 소품: ['아이템', '루프'색인'] Vuex: state:{ cartItems: [] }, mutations:{ changeQuantity(state, data){ let newQuantity = state.cartItems[data.index] newQuantity.quantity += data.value this._vm.$set(state.cartItems, data.index, newQuantity) ..

구성 요소가 렌더링하기 전에 vuex에 저장소를 채우는 방법 vuex를 사용하여 상태 속성에 트리 구조를 저장하고 있습니다. 데이터는 Ajax 콜에 의해 취득됩니다. 문제는 상태 속성에 있는 변수가 채워지기 전에 페이지가 렌더링할 수 있다는 것입니다. 예 // sth.ts file state: { map: {} }, ... actions: { getData({ commit }){ axios.get(...).then(... populate map ...).catch(...) } } // sthelse.vue file Tree structure 구글을 검색해 봤지만 제대로 되는 것을 찾지 못했어요.비슷한 문제를 해결한 사람이 있나요? 할 수 있는 방법이 있을까요?로드된 맵 키에 대한 참조를 다음과 같이 vu..