반응형

vuex 59

vue2-Google-Maps, beforeEnter() 루트 가드를 사용한gmapapi 접근

vue2-Google-Maps, beforeEnter() 루트 가드를 사용한gmapapi 접근 콘텍스트:place_id에서 플레이스 데이터를 가져오려고 합니다.beforeEnter()루트 가드기본적으로 누군가가 URL을 정확히 입력했을 때 데이터를 로드하고 싶다.www.example.com/place/{place_id}현재 자동완료 입력을 사용하여 루트를 입력하면 모든 것이 직접 동작하지만 새로고침 탭에서 URL에 직접 접속하면 동작하지 않습니다.그 이유는google아직 생성되지 않았습니다. 질문:접속 방법PlacesService()사용방법beforeEnter()루트 가드? 오류: Uncaught (in promise) ReferenceError: google is not defined 코드 예:내 매장..

itsource 2022.08.30

vuetify에서 allowed Date를 비동기 또는 Ajax에 사용할 수 없습니까?

vuetify에서 allowed Date를 비동기 또는 Ajax에 사용할 수 없습니까? 물어보고 싶다 methods: { allowedDates(date) { console.log(date) } }, 선택한 매월 모든 날짜를 console.log합니다. 그러나 스크립트 ajax/async를 다음과 같이 추가할 경우: methods: { allowedDates(date) { console.log(date) this.getData({appDate: date}); // this is async/call ajax on the vuex store } }, 정지하지 않고 비동기입니다. allowedDate는 비동기 또는 Ajax에서 사용할 수 없습니까? 문서 : https://vuetifyjs.com/en/comp..

itsource 2022.08.30

반복 조건부 Vue.js 코드를 리팩터하려면 어떻게 해야 하나요?

반복 조건부 Vue.js 코드를 리팩터하려면 어떻게 해야 하나요? Vue.js 컴포넌트에 다음 코드가 있습니다. mounted() { if (localStorage.dobDate) { this.form.dobDate = localStorage.dobDate; } if (localStorage.dobMonth) { this.form.dobMonth = localStorage.dobMonth; } if (localStorage.dobYear) { this.form.dobYear = localStorage.dobYear; } }, watch: { "form.dobDate": { handler: function(after, before) { localStorage.dobDate = after; }, deep: ..

itsource 2022.08.30

VueJS 컴포넌트 시스템 아키텍처

VueJS 컴포넌트 시스템 아키텍처 내가 달성하려고 하는 것 현재 작업 중인 애플리케이션에 적합한 아키텍처를 찾고 있습니다. 현재 버전의 애플리케이션 스크린샷을 보면 다양한 형식의 데이터 테이블/목록을 볼 수 있습니다.두 번째 스크린샷의 테이블에는 자체 네비게이션이 있습니다.경우에 따라서는 테이블 행을 선택할 수 있습니다.다른 화면에서는 지정된 키워드로 항목 목록을 필터링할 수 있습니다. 프런트 엔드는 VueJs로 재구축됩니다.특정 화면마다 일회성 컴포넌트를 작성하는 것이 아니라 애플리케이션 전체에서 사용할 수 있는 보다 일반적인 솔루션을 원합니다. 필요한 것은 루트에 데이터 세트가 포함되어 있고, 아이들이 그 데이터를 (아마도 여러 개) 표현해 주는 컴포넌트 시스템입니다.루트 컴포넌트에는 주로 사용자 ..

itsource 2022.08.30

메서드 --> 액션 --> 변환 --> 상태 문제

메서드 --> 액션 --> 변환 --> 상태 문제 매개 변수를 사용하여 중첩된 특정 수준의 각 요소에 반복적으로 JSON을 삽입해야 하는 기능은 반환된 첫 번째 개체를 복제하여 각 중첩된 매개 변수에 삽입하는 것입니다.아래 스크린샷과 코드를 보고 제가 하고 있는 일을 느껴보세요. 기본적으로 상태 내에 중첩된 JSON 개체가 있으며 API에서 JSON을 반환하는 액션과 상태를 갱신하는 변환을 사용하여 기존 개체의 각 '행' 중첩된 속성에 반복적으로 추가해야 합니다. 문제는 내 생각에 돌연변이에 있다.API에서 반환된 첫 번째 JSON 오브젝트를 복제하는 기능이 있다고 추측했습니다.JSON의 API 함수 및 구조와 함께 아래의 Action 및 Mutation 함수를 참조하십시오. http://api.cape..

itsource 2022.08.30

VueJs에서 특정 경로 데이터를 경로 이름으로 가져오려면 어떻게 해야 합니까?

VueJs에서 특정 경로 데이터를 경로 이름으로 가져오려면 어떻게 해야 합니까? VueJs에서는 항상 현재 경로 데이터에 액세스할 수 있지만 이름으로 다른 경로의 데이터에 액세스하려면 어떻게 해야 합니까?경로가 정의되어 있다고 가정합니다. [ { name: "dashboard", path: "/", component: Dashboard, meta: { title: "Dashboard", } }, { name: "login", path: "/login", component: Login, meta: { title: "Login", } } ] 이제 대시보드 경로에 있다고 가정합니다.다음 방법으로 데이터에 액세스할 수 있습니다.this.$route그러나 login이라는 이름의 루트의 메타데이터에 액세스하려면 어..

itsource 2022.08.30

Vue 2: "속성을 읽을 수 없습니다"

Vue 2: "속성을 읽을 수 없습니다" 방금 앱을 Vue 2로 업그레이드했는데 이 오류를 벗어날 수 없습니다. "Uncatched TypeError: VueComponent에서 null 속성 'length'를 읽을 수 없습니다.show Choices (평가: (app.js:310), :33:32) 조건부로 보호하고 있다고 생각했는데, 이 에러가 3시간째 신경이 쓰이고 있습니다.show Choices: showChoices() { if(this.filtered) { if (this.search.length > 2 && this.filtered.length > 0) { return true; } } return false; } A null값에는 a가 없습니다.length소유물.코멘트대로this.search..

itsource 2022.08.29

Vuex Store는 이름에 snake_case 또는 camelCase 중 어느 것을 사용해야 합니까?

Vuex Store는 이름에 snake_case 또는 camelCase 중 어느 것을 사용해야 합니까? 가게가 파일이기 때문에, 나는 그것들을 만들고 싶다.snake_case.js그래서 그들은snake_caseVue에서. 단, snake case는 Vue에서 많이 사용되지 않는 것 같기 때문에 대신 파일을 사용해야 합니다.camelCase.js그래서 그들은 라고 언급될 수 있다.camelCase. Stack Overflow는 실제로 의견을 위한 것이 아니기 때문에 가장 좋은 방법을 기재한 가이드나 레퍼런스를 찾고 있습니다.공식 Vue.js 스타일 가이드에는 "JavaScript에서는 camelCase가 더 자연스럽습니다.HTML에서 kebab-case는." camel Case를 사용하여 코드 안에 그것들..

itsource 2022.08.29

Vuex를 사용하여 데이터베이스에서 상태를 처음 로드하는 시기

Vuex를 사용하여 데이터베이스에서 상태를 처음 로드하는 시기 저는 기본적인 vue/vuex 프로젝트를 가지고 있으며, Http get 요청을 통해 데이터베이스에서 카테고리 목록을 로드합니다.Vuex를 프로젝트에 도입하기 전에 데이터를 사용하는 메인 컴포넌트를 작성할 때 HTTP를 올바르게 만들고 있었습니다.Vuex 에는 getters, modiations, actions 등이 있습니다만, Vuex 에서는 스테이트 오브젝트의 카테고리를 취득해 채울 수 있는 적절한 방법(또는 장소)을 명확하게 알 수 없습니다.아직 Get in my component create를 실행하여 액션을 통해 Vuex 상태를 채울 수 있지만 이는 거꾸로 보입니다.누군가가 이 일을 할 수 있는 적절한 "베스트 프랙티스" 방법을 가르..

itsource 2022.08.29

store getter가 null 대신 옵서버 개체를 반환합니다.

store getter가 null 대신 옵서버 개체를 반환합니다. 간단한 "Conway's Game of Life" 응용 프로그램을 만들고 이미 설정한 설정을 localStorage에 저장하고 싶습니다. 3개의 뷰를 작성했습니다. Map Settings | 맵사이즈 정의 등 Map Setup | 지도 사전 설정 만들기 Map Launch | 프리셋 부팅 설정이 변경될 때마다 사전 설정의 이전 크기가 다를 수 있으므로 사전 설정을 삭제해야 합니다.localStorage가 비어 있으면 설정에 기본값이 사용됩니다. 내 스토어에서 지도 설정을grid소유물.이 값은 다음 중 하나입니다.null또는 local Storage의 2차원 어레이를 사용합니다. MapSetup.vue 파일로 라우팅할 때 마운트된 이벤트를 ..

itsource 2022.08.29
반응형