cyworld

vuex에 저장된 어레이를 렌더링하는 방법 스토어에 저장되어 있는 오브젝트 배열을 카드 형태로 렌더링하려고 합니다.하지만 할 수 없어요.typeError가 표시되므로기재되어 있습니다. "렌더 오류: "TypeError: 정의되지 않은 속성 '항목'을 읽을 수 없습니다." 이 키워드를 사용하여 코드를 이동하려고 했습니다.mounted()훅. 근데 계속 에러가 나요. 코드: CardRenderer 입니다.vue: {{item.name}} {{item.description}} More 에러는 다음과 같습니다. rows 객체는 다음과 같습니다. 오류를 제거하고 카드를 렌더링하려면 어떻게 해야 합니까? 저는 변경된 코드를 답변으로 받고 싶습니다.감사합니다:)계산한 재산 반환 명세서를 잘못 보신 것 같습니다. 교환..

Vue를 사용하여 v-for loop에서 반복 가능한 요소를 함수 매개 변수로 전달 Vuex를 사용하고 있는데 컴포넌트 중 하나에서 반복 가능한 요소를 v-for loop 버튼의 함수 파라미터로 전달하려고 합니다.문제는 내가 원하는 요소를 얻는 대신 빈 물체를 얻는다는 거야 또한 매장 작업에 파라미터를 올바르게 전달하고 있는지 알고 싶습니다. 코드는 다음과 같습니다. //Side_bar.vue {{l.title}} 스토어 파일은 다음과 같습니다. //store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state = { activeTable: 'assets' // def view }; const mutations = { se..

Vue JS URLEncoded 형식을 받아들이는 방법 우편배달부의 URL 인코딩 포맷을 받아들여 데이터를 Vue JS 앱에 투고하려고 합니다.아래 인코딩 포맷을 사용하고 있는데, 어떤 npm 패키지를 사용해야 합니까? 공리를 사용할 수 있습니다. const axios = require('axios') const params = new URLSearchParams() params.append('name', 'Akexorcist') params.append('age', '28') params.append('position', 'Android Developer') params.append('description', 'birthdate=25-12-1989&favourite=coding%20coding%20an..

vuex 스토어는 개발 서버에서 작동하지만 운영 빌드에서는 작동하지 않습니다. 자산 디렉토리의 다른 파일에 두 개의 javascript 오브젝트가 있습니다.둘 다 내 store.js 파일로 Import해야 합니다. 내 스토어의 관련 부품.js import Vue from 'vue' import Vuex from 'vuex' import pathify from 'vuex-pathify' import {make} from 'vuex-pathify' import requiredParam from '@/assets/requiredParameters.js' import optionalParam from '@/assets/optionalParameters.js' Vue.use(Vuex); var rp = JSON...

vue 컴포넌트에서 모드가 닫힌 경우 드롭다운 데이터를 리셋하려면 어떻게 해야 합니까? 이런 나의 경우 부모 컴포넌트와 자녀 컴포넌트의 2가지 컴포넌트가 있다. 부모 컴포넌트는 다음과 같습니다. ... ... ... ... ... 상위 구성 요소가 모달 부트스트랩입니다. 내 아이 컴포넌트는 다음과 같습니다. Select {{ option.name }} 모달쇼라면 대륙, 국가, 도시를 선택합니다.그럼 내가 모달 닫지 그 후 나는 다시 모달의 모습을 보여준다.그러면 국가 및 도시를 먼저 선택하면 데이터가 여전히 존재합니다. 데이터를 리셋하고 싶습니다.다시 모드를 열면 대륙, 국가 및 도시 데이터가 표시되지 않습니다. 시도: Object.assign(this.$data, this.$options.data())..

Vue.js에서 클라이언트 측 루트를 보호하는 방법 저는 지금 프런트 엔드 프레임워크로서 Vue.js를 사용하는 스파를 구축하고 있습니다.이 프레임워크는 jsonwebtokens를 사용하는 순수 json 백엔드와 통신합니다.저는 React 생태계에 더 익숙합니다.현재 Vue.js에서 클라이언트 측 루트를 어떻게 보호해야 할지 잘 모르겠습니다(프레임워크에 대한 결정은 아닙니다).나는 신입사원이야. 야호!) 그 반응으로 나는 이런 일을 하곤 했다.프로젝트의 index.js 파일.앱을 마운트하기 전에 로컬 저장소에 jsonwebtoken이 있는지 확인합니다.있는 경우 redux 상태를 login으로 설정합니다.로그아웃으로 설정되어 있지 않은 경우. 다음으로 상위 컴포넌트를 사용하여 루트를 보호함으로써 사용자가..

Nuxt Vuex 스토어 쿠키 문제 하루 중 좋은 시간이야! 몇 주간의 프로젝트 개발 끝에 플레인 Vue에서 Nuxt로 이행하기로 결정했습니다. 주로 SSR가 필요하지만 Google이 페이지에 표시된 JS를 실행할 수 있기 때문에 검색 봇에 적합한 콘텐츠를 생성할 수 있습니다. 또 다른 이유는 프로젝트 개발의 일반적인 워크플로우입니다.노선, 점포 등의 자동 인스턴스화 아이디어가 마음에 듭니다. 그러나 나는, 어플리케이션이 실행 중일 때 어플리케이션의 동작은 매우 이상했습니다한 응용 프로그램은 단에서 뛰어놀고는 꽤 이상한 행동을 직면했던.mode: universal대신 대신mode: spa. 그리고 그리고로 전환하는 것 다른싶지도 않고 바꾸고 곳으로고 싶지 않다.mode: spa그 이후로 나는 의뢰가 나는..

Vuex getter JSON.stringify가 반응하지 않음 여기 Vuex 스토어가 있습니다. const store = new Vuex.Store({ state: { renderedBlocks: [] }, getters: { asString: (state) => () => { return JSON.stringify(state.renderedBlocks); }, block: (state) => (k) => { return state.renderedBlocks[k]; } }, mutations: { updateBlock(state, data) { if (!state.renderedBlocks[data.id]) { return; } state.renderedBlocks[data.id].params = da..

수분 보충 직후 Vuex 상태를 변경하시겠습니까? My Vue 애플리케이션은 서버 측 렌더링을 사용합니다.앱이 로드되어 수화되면 클라이언트의 상태를 검출하여 변이를 하고 싶습니다. 앱을 마운트하기 전에 상태를 터치하면 예상대로 다음 경고가 출력됩니다. [Vue warn] :클라이언트 측에서 렌더링된 가상 DOM 트리가 서버 렌더링 컨텐츠와 일치하지 않습니다.이는 잘못된 HTML 마크업이 원인일 수 있습니다(예: 블록 레벨 요소를 내부에 중첩).또는 누락됨. 수화 처리 및 전체 클라이언트 측 렌더링을 수행합니다. 수분이 끝나면 바로 부를 수 있는 갈고리를 찾을 수 있을 것 같아서요. 변이를 저지르려고 했는데mounted메인 컴포넌트의 후크.저도 한번 해봤는데app.$mount(...), 및 와Vue.nex..

데이터 변수가 Vue.js의 계산된 속성에 대해 Vuex에서 업데이트되지 않음 바이올린: https://jsfiddle.net/mjvu6bn7/ 비동기적으로 설정되는 Vuex 스토어 변수에 종속된 계산된 속성에 워처가 있습니다.Vue 컴포넌트의 데이터 변수를 설정하려고 하는데, 이 계산 속성이 변경되고 있을 때 설정되지 않습니다. Vue 컴포넌트는 다음과 같습니다. new Vue({ el: '#app', store, data : { myVar : "" }, beforeMount() { this.$store.dispatch('FETCH_PETS', { }).then(() => { console.log("fetched pets") }) }, computed:{ pets(){ return this.$store..