goodcode

ScopeKey가 nuxt.js 인증 모듈에서 작동하지 않음 최근에 Nuxtjs 사용법을 배우기 시작했는데 Auth 모듈 사용법을 배우다가 문제가 생겼습니다. 로그인 할 수 있고 계정의 범위를 확인하고 싶습니다만, 「Auth」의 「scopeKey」속성을 사용하고 있습니다.백엔드에서 데이터베이스로부터 "scope"를 가져오면 "user" 또는 "admin" 중 하나입니다. 범위를 설정하려고 했습니다. scopeKey: 'scope' 그러나 이 범위를 확인할 때 "정의되지 않음"/"null"로 표시됩니다. this.$auth.hasScope('admin') / this.$auth.hasScope('user') 또는 "이것"입니다.$auth.hasScope(admin)"가 "scopeKey"를 로 설정하면 빈..

VueX의 여러 스토어 어레이에서 일치하는 항목 검색 현재 스토어에 있는 어레이에서 하나의 아이템을 찾고 싶을 때 다음을 사용합니다. this.matched = this.$store.state.itemlist.find(itemId=> { return itemId.id == "someid"; }); 제공된 ID와 일치하는 항목을 찾기 위해 여러 어레이를 검토해야 한다고 가정해 보십시오.내가 가진 것처럼itemlist1 itemlist2 itemgetter()...게터형 어레이도 있습니다만, 큰 변화는 없다고 생각합니다.따라서 기본적으로 위의 예시와 같이 이 컴포넌트의 다른 상태 및 getter 항목을 검색하는 것이 아니라 다른 상태로 검색합니다.하나의 어레이에 그것이 존재하는지 확인하고 싶다면, 간단히 다..

vuex 저장소에 대한 유형 정의 확장 또는 재정의 앱에서 상태 관리를 위해 Vuex를 사용하고 있으며 TypeScript도 사용하고 있습니다.이상적으로는 상태가 '임의'인 기본값이 아니라 스토어의 강력한 버전을 참조할 수 있습니다.예를 들어 새 속성을 추가하기 위해 유형 정의를 '확장'하는 방법은 알고 있지만, 가능한 경우 기본 Store에 대해 강력한 유형의 상점 정의를 '강제'하는 방법을 찾는 데 어려움을 겪고 있습니다.그 후의 정의는 같은 타입이어야 한다는 에러가 발생하고 있기 때문에 이해할 수 있지만, 귀찮아서 인텔리센스를 원합니다.;-) 제가 읽은 대부분의 문서는 유형 정의 파일에 이미 정의된 유형을 재정의할 수 없으며 추가 속성만 추가할 수 있다고 하는데, 이 방법이나 다른 방법이 있습니까?..

Vuex: 이미 가져온 데이터를 기반으로 엑시스를 사용하여 데이터 가져오기 Vuex 스토어의 Axios를 통해 외부 API에서 데이터를 가져오고 있습니다.이것에 의해, 오브젝트를 포함한 배열을 얻을 수 있습니다.예를 들어,cities. 각각city가 있다zipCode도시 세부 정보를 가져와야 해요이 상세 오브젝트를 새로운 키로 추가하고 싶다.cities어레이를 설정합니다. 지금 나는 모든 도시를 장악하고 있고 도시 세부사항을 얻기 위해 Vuex 액션을 하고 있다. 모든 도시를 가져오기 위한 조치 fetchCities: ({ commit, state, dispatch }) => { let baseUrl = "https://my-url/cities"; let config = { headers: { accep..

Vuex를 사용한 비동기 콜 발신 Vuex는 이제 막 배우기 시작했어요.지금까지 저는 공유 데이터를store.js파일 및 Importstore모든 모듈에서 사용되는데 이게 귀찮아져서 상태가 변질될까 봐 걱정이에요. 문제는 Vuex를 사용하여 FireBase에서 데이터를 Import하는 방법입니다.비동기 호출을 할 수 있는 것은 액션뿐이지만 상태를 갱신할 수 있는 것은 돌연변이뿐인 것으로 알고 있습니다. 지금 내 돌연변이 물체에서 파이어베이스로 전화를 걸었는데 잘 작동하고 있는 것 같아.솔직히 모든 컨텍스트, 커밋, 디스패치 등이 다소 과부하인 것 같습니다.생산성을 높이기 위해 필요한 최소한의 Vuex만 사용할 수 있으면 됩니다. 문서에서는 다음과 같이 돌연변이 오브젝트의 상태를 갱신하는 코드를 작성하고,..

전체 새로 고침 후 항목이 표시되지 않는 Vuetify v-select 전체 페이지 로드 후 드롭다운에 값이 표시되지 않는 v-select 대화상자가 있습니다.컴포넌트 파일을 수정하여 핫모듈 새로고침이 트리거된 후 동작합니다. vuetify 사용: "vuetify": "^1.5.17", 구성 요소 내용: 템플릿 코드: routes는 계산된 속성입니다. routes: { get() { return this.$store.state.routes } } 생성된 이벤트에서 데이터가 다운로드됩니다. created() { this.downloadRoutes() } 이것은 반환된 목록을 커밋하는 AJAX 콜을 실행하는 스토어 메서드에 매핑됩니다. downloadRoutes({ commit, state }) { retu..

Vuex: 디스패치된 액션을 액션 내에 올바르게 추가하는 방법 다음과 같은 파견된 액션으로 투고를 한 후saveDisplayLimitQuanity아래에서는 배너를 보여주기 위해 돌연변이를 만들고 5초 후에 숨깁니다. 이 논리를 각 디스패치 액션에 추가해, 많은 반복 코드가 되도록 할 필요가 있습니다. saveDisplayLimitQuantity: (context, data) => { return axios.post(data.url, { display_limit: data.display_limit }) .then(response => { context.commit('setShowBanner', true); context.commit('setBannerMessage', ['Display Limit Quant..

마운트된 vue 구성 요소에서 모멘트 js가 작동하지 않는 이유는 무엇입니까? 이 방법을 강조하면 다음과 같습니다. ... add 메서드를 호출하면 오류 없이 작동합니다. 하지만 이렇게 승마 위에 모멘트를 올려놓으면 mounted(){ let currentAt = moment() } 동작하지 않습니다.다음 오류가 반환됩니다. [Vue warn] :마운트된 후크 오류: "ReferenceError: 모멘트가 정의되지 않았습니다" 어떻게 하면 해결할 수 있을까요?사용하고 계시기 때문에.vuevue-loader 또는 웹 팩 생태계 내의 다른 로더를 사용하고 있을 것입니다.이 경우 다음과 같은 작업을 수행할 수 있습니다. 그럼 꼭 실행해 주세요.yarn add moment또는npm i -s moment.묶음을 ..

vuex 상태를 통해 열려 있는 부트스트랩-vue 모드 관리 여러 bootstrap-vue 모달의 시퀀스를 필요로 하는 애플리케이션을 구축하고 있습니다.특히, 중첩된 컴포넌트의 버튼을 누르면 '관리' 모드가 열립니다.manage' modal에는 버튼을 클릭하면 manage' modal이 닫히고 다른 modal(예: '편집', '추가', '완료' 등)이 열립니다. 오히려고는 실제로 다른 중첩 부분에서 유발될 최대 props/emitting 시사보다, 제 가게에, 다른 네스트된 컴포넌트에서 트리거되도록 소품/이벤트를 위아래로 넘기는 것이 아니라 하나의 값을 매장에 가지고 싶다 하나의 값을 가지고 싶다.this.$store.state.general.activeModal, 조동사( 있는 경우)는 보여 주고 있는..

vuejs에서 vuex(디스패치) 오류 422가 발생하였습니다. 에러가 발생했습니다. 422 (Unprocessable Content) 데이터를 레지스터 형식으로 올리려고 했을 때 이건 제 계산대에 있어요.표시하다 methods: { register() { this.$store.dispatch('register', { firstname: this.firstname, lastname: this.lastname, email: this.email, password: this.password, }); }, }, }; 그리고 나의 vuex에서는 actions: { register(credentials) { const requestOptions = { method: 'POST', headers: { 'content..