c10106

필요한 정보를 얻기 위해 두 개의 가져오기 요청을 결합하려면 어떻게 해야 하는가? 나는 영화에 대한 정보가 있는 사이트를 쓰고 있다.나는 장르를 파악해야 한다.하지만 문제는 이것이다.모든 주요 정보가 위치한 요청서에는 id로 장르가 표시된다.이 아이디와 장르 이름이 있는 곳에 또 다른 요청을 해야겠어.부에 컴포넌트에서, 나는 루프를 만들었다.그것과 함께 장르 외에 기본적인 정보를 보여준다.어떻게 하면 두 가지 질문을 조합할 수 있을까? 내 코드: movies.js export default { actions: { async getPopularFilms({ commit }) { const res_movies = await fetch( 'https://api.themoviedb.org/3/movie/popu..

jest.fnmus는 부르지 않았다고 주장하지만, 지금까지. 경로에 특정 매개 변수가 있을 때 내 Vuex 저장소에서 특정 작업을 호출하는 Vue 구성 요소를 테스트하는 중.로 그 행동을 조롱하고 있다.jest.fn(). 구성 요소의 관련 코드: await this.$store.dispatch('someOtherAction'); if (this.$route.params && this.$route.params.id) { this.$store.dispatch('selection/selectElement', parseInt(this.$route.params.id, 10)); } 여기에 모의 기능이 있다. someOtherAction = jest.fn(); selectElement = jest.fn(() => ..

Vuex 상태가 어레이를 개체로 반환하는 이유 Typecript + vue + vuex를 사용하는 경우 상태는 다음과 같이 정의됨 const state: CommonDataState = { clients: [], version: 1 } 게이터는 const getters: GetterTree = { getClients: state=> () => { return state.clients; }, getClientById: state => (id: string) => { return state.clients.filter(x => true)[0]; }, getVersion: state => (): Number => { return state.version; } } getter getClientById를 호출하는 ..

두 어레이를 반복하고 데이터 결합 나는 무언가를 할 수 있는 가장 좋은 방법을 찾으려고 노력하고 있다.기본적으로 CSV를 업로드할 수 있도록 허용한다.이 경우, 나는 예를 들어, 업로드 상태를 배열 내에 저장한다. tempAttachments:Array[2] 0:Object _id:"12345-678910" bytes:412051 file:File size:411532 title:"someFile.csv" type:"file" fileType:"typeOne" 1:Object _id:"9999-2222" bytes:12345 file:File size:23456 title:"anotherFile.csv" type:"file" fileType:"typeTwo" 이 파일들이 확인되고 제출되면, 나는 처음 5..

모든 구성 요소에서 방법을 공유하기 위해 Vue Mixins, "확장" 또는 Vuex를 사용해야 하는가? 나는 내 Vue 구성 요소 중 하나라도 수입하여 사용할 수 있는 Vue 방법을 갖고 싶다.이 방법의 임무는 이 방법에 전달된 예외를 처리하는 것이다(아래 참조). handleException(err) { console.error(err); // send exception to error logging service // do some other error-related stuff. } 내가 아는 한, 이것을 성취하는 데는 크게 세 가지 방법이 있다(내가 알지 못하는 더 많은 방법이 있다면 나를 계몽해 달라). Vue Mixin 내의 메소드를 가지고 메소드가 필요한 모든 구성 요소로 가져오십시오. ha..

vuex mapState 내의 vue 메서드에 액세스 vuex mapState 내에서 데이터를 계산하는 동안 나는 중요한 작업을 수행해야 한다.나는 이 방법을 vue 메소드라고 불러야 한다.countAlerts데이터가 변경될 때마다 계산된 속성이 해당 방법을 호출해야 하지만thisInsight vuex mapState를 사용할 때 스코프에는 vue 메서드가 없다. export default { name: "Alerts", methods: { countAlerts(data, period) { /// DO SOMETHING, THEN RETURN DATA return data; } }, computed: { ...mapState({ foundation: state => state.insights.founda..

Vuex 및 FIrebase를 사용하여 여러 이미지를 저장하십시오.(이미지가 업로드될 때까지 대기) 이 질문은 이미 다음과 같은 해답을 가지고 있다. 여러 이미지를 Firebase Storage에 업로드하고 여러 다운로드를 반환하는 방법URL (1개 답변) 닫힌2년 전. 여러 개의 이미지를 소방서에 업로드할 수 있는 해결책이 있어핸드폰에 잘 어울리는 부에크로파 플러그인에서 이미지를 얻는다.모든 이미지에 대해 BLOB 파일을 생성한다.그리고 나서 나는 그것들을 소방 저장소에 업로드하고, 데이터베이스의 객체 안에 넣은 URL을 받는다.(이것은 등록도구를 위한 프로젝트 입니다. Vuex 코드(JS): createTool ({ commit }, payload) { let toolData = { croppas: ..

vue 클래스 구성 요소에서 $bvToast에 액세스하는 방법 나는 vue.js를 처음 접하지만 몇 가지를 알아낼 수 있었다.나는 보통 j로 시작했지만 지금은 class style vue 컴포넌트가 있는 typecript로 바꾸었다.구성 요소 스타일링에는 bootstrap-vue를 사용한다. main.ts 파일로 나는 bootstrap과 vuex store를 가져왔다. ... import BootstrapVue from 'bootstrap-vue' //use custom bootstrap styling import '../src/bootstrap/bootstrap.css' import 'bootstrap-vue/dist/bootstrap-vue.css' Vue.use(BootstrapVue) ...//s..

Vue, firestore: 컬렉션을 병합한 후 라이브 데이터를 표시하는 방법 아래 편집 참조 지난번 질문보다 많이 나아졌지만, 며칠 일을 하고 나니 또 막힌다. Gogles Could Firestore의 데이터에 Vue, Vue-router, Vuex 및 Vuetify 사용 내 데이터를 라이브로 업데이트하고 싶지만, 이 방법을 찾을 수가 없어.상품과 카테고리를 하나의 컬렉션으로 옮기는 것과 같은 구조조정이 필요한가?아니면 이 일을 성사시키기 위한 어떤 바인딩이나 질의 마법이 있는가?아래에서도 볼 수 있듯이, 클릭으로 데이터를 꽤 잘 로딩하지만, 나는 라이브 바인딩이 필요하다. 왜냐하면 당신은 페이지를 열 수 있고 누군가 마지막 조각을 팔 수 있기 때문이다. (Left = 0). (그리고 많은 미래 아이..

Nuxt.js와 함께 Vuex 사용 - 올바른 방법 나는 Nuxt.js 프로젝트에 Vuex를 추가하려고 한다.나는 사용자 정의 리그 박스를 만들었고 모든 페이지를 통해 코드를 기본 레이아웃 페이지에 쓰기 위해 공유했다. 페이지에서 ligth 박스를 숨기거나 표시하려면 상태 값을 변경해야 한다.다음은 "스토어" 폴더에 있는 모든 모듈: // state.js export const state = () => ({ lightbox: false, }); // getters.js export const getters = { getLightbox(state) { return state.lightbox }, } // actions.js export const actions = { showLightbox({commit}..