vuejs2 7

Axios 대행 수신자가 원래 요청을 재시도하고 원래 약속에 액세스합니다.

Axios 대행 수신자가 원래 요청을 재시도하고 원래 약속에 액세스합니다. 액세스 토큰의 유효기간이 지났을 경우 401개의 에러를 검출하기 위한 인터셉터가 준비되어 있습니다.기한이 만료되면 새 액세스 토큰을 얻기 위해 새로 고침 토큰을 시도합니다.이 시간 내에 다른 콜이 발신되면 액세스토큰이 검증될 때까지 큐잉됩니다. 이 모든 것이 잘 작동하고 있습니다.단, Axios(originalRequest)를 사용하여 큐를 처리할 때 원래 연결된 약속은 호출되지 않습니다.예에 대해서는, 이하를 참조해 주세요. 작동 중인 인터셉터 코드: Axios.interceptors.response.use( response => response, (error) => { const status = error.response ? ..

source 2023.01.27

Vue CLI 3에서 만든 프로젝트를 사용하여 typescript의 node_modules를 Import하려면 어떻게 해야 합니까?

Vue CLI 3에서 만든 프로젝트를 사용하여 typescript의 node_modules를 Import하려면 어떻게 해야 합니까? Vue CLI 3을 사용하여 Vue.js 프로젝트를 만들고 typscript를 활성화하여 Cesium을 작동시키려고 합니다. 다음을 수행했습니다. npm install cesium npm install @types/cesium 근데 제가 공연할 때 npm run serve 세슘글로브는 잘 보여요 VS 코드에서는 Cannot find module cesium/Cesium 내가 가져온 세슘에 대해 관련 파일은 다음과 같습니다. Cesium.vue: main.ts: import Vue from 'vue'; import App from './App.vue'; import route..

source 2023.01.17

vue-i18n 번역의 html 태그 베스트 프랙티스

vue-i18n 번역의 html 태그 베스트 프랙티스 사용하고 있다vue-i18n그리고 중간에 앵커태그가 있는 문장을 번역해야 합니다.물론 HTML 고유의 마크업을 번역에서 배제하고 싶은데 어떻게 대처하면 좋을까요? 다음 예를 생각해 보겠습니다. This is a test sentence which cannot be split or it will not make sense 제가 생각해낼 수 있는 유일한 해결책은 다음과 같습니다. { "en": { "example": "This is a test sentence which cannot {linkOpen}be split{linkClose} or it will not make sense" } } 컴포넌트 템플릿에 추가한다. 우아하진 않지만... 편집: 테스트해..

source 2023.01.17

Vue JS에서 단일 파일의 구성 요소 변수 내부 스타일에 액세스하는 방법

Vue JS에서 단일 파일의 구성 요소 변수 내부 스타일에 액세스하는 방법 템플릿 변수를 사용할 수 있는 vue 플러그인이 있습니까? 더 좋은 방법이나 플러그인이 있나요? 에 대해서는 이미 알고 있습니다.:style그리고.:classVue 모델(데이터 레이어)에 접속할 수 없는 것 같습니다.현재 버전의 Vue에 있습니다.Vue는 DOM 트리만 제어할 뿐 CSSOM에서의 조작에는 도움이 되지 않습니다. WebPack 또는 기타 번들러를 사용하여 모듈화된 컴포넌트를 1개의 파일로 작성하여,,그리고.당신의 번들러에게 변환 방법이 있을 겁니다Vue 렌더 함수로 변환합니다만,style이것은 순전히 css이며, 단일 css 파일로 번들됩니다. 컴포넌트에 의해 제어되는 스타일링 값을 동적으로 설정하려면 Vue 버전을..

source 2022.11.23

Vue 형제 간에 데이터 전달

Vue 형제 간에 데이터 전달 이 질문에 대해 자세히 알아보고 형제간 통신을 위해 버스 방식을 구현한 후 웹 팩 오류가 발생하여 올바르게 구현되지 않았거나(어제 최신 CLI 사용), 다른 방법이 필요합니다. 저는 React에서 온 Vue를 처음 접하며 2개의 컴포넌트를 패키지로 묶은 간단한 앱을 구축했습니다.app.vue: 데이터를 전송하는 입력: 및 데이터를 수신해야 하는 지도 컨테이너: 아이를 성공적으로 구현했습니다.GoogleInput)의 부모 통신에 대해서app.js경유: getSearchLocation(input) { this.location = input; } 에 있어서의 방법으로GoogleInput: this.$emit('searchEvent', ev.target.value); 여기까지는 모..

source 2022.11.04

옵션 루프에서 선택한 개체 가져오기

옵션 루프에서 선택한 개체 가져오기 Vue select-element 내의 객체 어레이를 바인드하는 방법을 찾고 있습니다.그 예는 다음과 같습니다. data: { ideas: [ { id: 1, code: "01A", text: "option 1", props: [] }, { id: 2, code: "02A", text: "option 2 , props: [{ details: "something" }]} ]}, currentForm: { something: "foo", else: "bar", ideaCode: "01A", text: "option 1" } ]; 그리고 HTML로... {{ i.text }} 기본적으로 사용자가 선택한 오브젝트를 추적하고, 자신의 변경 이벤트를 트리거하며, 다른 오브젝트의 ..

source 2022.11.03

구체화: 드롭다운에서 null의 속성 'tabIndex'를 설정할 수 없습니다._make Dropdown Focusable(초점 설정 가능)

구체화: 드롭다운에서 null의 속성 'tabIndex'를 설정할 수 없습니다._make Dropdown Focusable(초점 설정 가능) 구체화 셀렉트를 포함한 농담을 통해 vuejs 컴포넌트를 테스트하려고 합니다.컴포넌트 테스트 실행 시 다음과 같은 에러가 발생합니다.js: TypeError: Cannot set property 'tabIndex' of null at Dropdown._makeDropdownFocusable 이 오류는 어떻게 해결합니까?이 문제는 입력 필드가 클래스 입력 필드가 있는 div 안에 랩되어 있지 않은 경우에 발생할 수 있습니다. 클래스 "input-field"를 가진 div를 추가하면 이 문제가 해결될 수 있습니다.클래스 셀렉터 대신 id selector를 사용합니다.예..

source 2022.10.25