cyworld

아폴로는 왜 첫 번째 요청으로 데이터를 얻을 수 없는가? 나는 새의 아이디를 얻기 위해 소품을 사용하고 있다. 앱을 처음 시작하고 두 번째 페이지를 클릭하여 입력하면 데이터가 로드되지 않는다.다음과 같은 오류를 발생시킨다. JS: [Vue warn]: Error in render: "TypeError: Cannot read property 'name' of undefined" JS: JS: found in JS: JS: ---> at components/Detail.vue JS: JS: 하지만 버튼을 두 번째로 클릭하면 제대로 로딩이 된다. 나는 그 문제를 보여주는 리포(repo)를 만들었다.여기에서 확인하십시오: github repo 작업 그래프ql 놀이터 데이터를 얻는 더 좋은 방법은 없을까? 정답...

동일한 페이지에서 여러 Vue 구성 요소의 성능 향상 동일한 뷰에 수백 또는 수천 개의 vue 구성 요소 인스턴스를 탑재하는 앱을 만들고 있다.각 구성 요소에는 vuex 저장소의 개체를 나타내는 ID가 있다. ... 스토어: state: { myComponentData: [ { id: 'item1', name: 'Hawaiian Shirt', selected: false, // ... }, // ... ] } 인my-component, 나는 상점에서 그것의 물체를 찾아 계산된 속성에 저장한다. computed: { myComponentData: function () { return this.$store.state.myComponentData.find(el => el.id === this.id); }, i..

서버측 페이지 지정을 사용하여 Quasar q-table을 구현하는 방법 나는 Vuex와 Django Rest Framework를 백엔드로 사용하여 Quasar QTable에 대한 서버측 페이지 지정을 구현하려고 한다.사용 사례에 대한 설명서를 해석하기 위해 애쓰고 있다.현재 정확한 페이지 수와 결과의 첫 페이지를 얻을 수 있지만 페이지당 행 수 값과 페이지 지정 자체는 작동하지 않는다.콰사르 문서에서는 @request 이벤트가 있다고 하지만 나는 이것을 내 코드에 어떻게 통합해야 할지 확실하지 않다. 내가 뭘 놓치고 있는 거지? **Vue** Details . **Vuex** import { api } from 'boot/axios' export const state = { matches: [], pa..

다른 엔드 Vue, JS인 경우 실행 기능 다른 쪽에서는 코드를 실행할 수 없는 경우 기능 showAvailableTable 새로 고침 항목 및 vuex $store에 데이터 추가 showAvailableTable()이 올바르게 수행된 경우 /////END 코드 실행(axios 데이터를 $store에 추가) 어떻게 하면 좋을까? showAvailableTable () { var obj = this.firstStepData var nullCount = 0 var self = this for (var key in obj) { if (obj.hasOwnProperty(key) && obj[key] == null) { nullCount++ } } if (nullCount === 0) { var reservati..

임의 비POJO를 문자열화할 수 없음 및 잘못된 프로펠러: 유형 확인 실패 경고 프로젝트에서 일부 제품 범주를 로드하는 중Prismic세로 막대로 표시한다.이것은 오늘 초까지 완벽하게 잘 작동했지만, 나는 지금 다음과 같은 경고를 받고 있다. vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop "category". Expected Category, got Object found in ---> at components/SidebarItem.vue at components/Sidebar.vue at pages/index.vue at layouts/default.vue [Vue warn]: Invalid prop: t..

Vuex: Vuex의 이상한 행동에 대한 이상한 질문.하나 이상의 돌연변이와 스토어 개체를 업데이트하거나 할당하는 커밋이 필요한 경우 토큰을 내 것으로 설정하려고 한다.store.token돌연변이를 사용하지 않고서는 이것이 최선의 선택이 아니라는 것을 알지만, 나는 이와 같은 일을 하고 있다. methods : { molestor(){ const self = this; this.$store.state.token = "new token"; this.$store.state.cleavage= "yes"; this.$store.commit('settoken', "somethingrandom"); }, } 그리고 내 가게에서.js: export const store = new Vuex.Store({ state :..

v-for 및 v-model을 사용한 vuex 계산 속성이 포함된 Vue js v-for를 v-model과 함께 사용해야 해.문서를 읽었는데 돌연변이 처리기 밖에서 돌연변이를 수행하지 않고 v-for와 함께 사용하는 방법에 대한 예가 없다. 속성을 직접 변경하지 않고 v-for에서 v-model을 사용하는 방법 0 {{n}} // component methods : { ...mapMutations({ addToCart: ADD_TO_CART }) }, 나는 네가 무엇을 요구하는지 완전히 이해하지는 못했지만 아래를 봐. 편집 Vuex를 사용하도록 업데이트됨 - 필요한 돌연변이 또는 작업을 호출하지 않으므로 v-model을 통해 업데이트되지 않음 const store = new Vuex.Store({ sta..

V-bind 스토어 상태 변경 시 클래스를 업데이트하지 않음 나는 Vue와 Nuxt를 처음 봐.나는 정신을 차리려고 노력하고 있다.$stores 나는 국가 오브젝트를 만들어 단순 부울인 속성을 부여했다.그 속성의 유무에 따라 요소에 클래스를 추가하고 싶다.true내가 이 상점을 만든 방법은 다음과 같다. const store = () => { return new Vuex.Store({ state: { foo: "You got the global state!", userSidebarVisible: true }, }) } 나의vue파일에는 다음과 같은 항목이 있다. Hello! Click the sidebar {{$store.state.userSidebarVisible}} 클릭할 때button그active클..

Vue를 사용하여 API를 사용한 일괄 업데이트 여러 개의 레코드를 동시에 업데이트하려고 하는데, 이 레코드는 내 양식 데이터와 함께 전송되는 ID를 필요로 한다.나는 Vue.js를 사용하고 있고 내 Vuex 스토어의 데이터를 공리를 통해 보내고 있다. 내 vue 구성 요소에서 다음과 같이 데이터가 전송됨: methods: { ...mapActions(['updateCheckedEngagements']), updateChecked() { this.updateCheckedEngagements({ engagements: this.checkedEngagements, assigned_to: this.engagement.assigned_to, status: this.engagement.status }) }, } ..

vue 계산된 속성을 한 번만 실행하는 방법 나는 배열을 채우는 계산된 속성이 있지만, 그 후에 이 배열로 작업할 것이다. 그리고 배열이 비어 있으면 빈 상태로 남기를 원한다. (계산된 속성은 배열을 다시 채우지 않기 위해 말한 것이다.)내가 어떻게 그럴 수 있을까?나는 게터를 통해 Vuex 스토어에서 데이터를 가져오는 중이기 때문에 계산된 속성을 사용하고 있다.문제가 되는 재산은 다음과 같다. populateAvailableMachines() { Object.values(this.userData).forEach(user => { if (this.$auth.user().id == user.id) { if (this.availableMachines.length == 0) { Object.keys(user...