c10106

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(() => ..

vue.js가 노드를 제거할 때 gridstack.js가 내 요소를 스와핑하는 이유 나는 gridstack.js가 나의 vue 구성 요소와 함께 작동하도록 설정하려고 한다. https://github.com/troolee/gridstack.js#use-with-knockoutjs/. 여기 내가 가지고 있는 것의 코데펜이 있다: https://codepen.io/nyoung697/pen/BperoZ '텍스트박스'를 3번 클릭하여 3개의 텍스트 상자를 양식에 추가하십시오. 맨 위를 맴돌면서 휴지통을 클릭하여 상단 텍스트 상자를 삭제하십시오. 위에서 아래로 삭제하는 것은 효과가 있다.그리드스택이 그것을 상부에 추가하고 있기 때문에, 가장 최근의 요소는 상부에 있다.이것이 배열의 마지막 요소 입니다. 이제 텍스..

특정 인덱스에서 v-for 루프를 시작하는 방법 시작 방법v-for특정 색인을 반복하다 예제: 주어진 배열array = [a,b,c,d,e,f]; 나는 사용하길 원한다.v-for3번째 요소에서 루핑을 시작하는 루프.고마워 :)표준 슬라이스 방법만 사용하십시오. new Vue({ el: '#app', data: { items: [ 'aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff' ] } }) {{ item }} PS: 또는 v-for with v-if: new Vue({ el: '#app', data: { items: [ 'aaa', 'bbb', 'ccc', 'ddd', 'eee', 'fff' ] } }) {{ item }} 또는 사용자 지정 기능을 사용할 경우: new Vue({ ..

Vue의 상위 레이아웃에 전달되는 하위 뷰 구성 요소 TL;DR: 부모 구성 요소에서 참조하는 구성 요소의 특정 슬롯에 콘텐츠를 전달하는 것이 가능한가? 나는 Vue Router와 함께 제공되는 Vue Webpack Template를 사용하고 있는데, 이 템플릿은 바로 사용할 수 있는 단일 페이지 애플리케이션의 기초를 제공한다. 내가 직면하고 있는 문제는 아래와 같이 단순화된 마스터 레이아웃이 있다는 것이다. 그리고 항법 구성요소는 다음과 같다. always show this nav item only show this if no slot content provided 실내의 슬롯을 바꿀 수 있기를 원한다.Nav구성요소, 뷰 구성요소 내에서. 예를 들어 체크아웃 또는 탑승 흐름에서 사용자에게 표시되는 탐색..

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를 호출하는 ..

Vue / Typecript, got Module ''*.vue'에 내보낸 멤버가 없음 여러 인터페이스를 함께 내보내고 싶다.Component로부터.vue파일 기본.vue: 하지만 내가 그것을 다른 사람에게서 가져올 때.ts파일, 알았다: 인터페이스를 성공적으로 가져오려면 어떻게 해야 하는가?{ }을(를) 가져오기에서 삭제하십시오.기본 내보내기이므로 "@/../컨테이너/Basic"에서 가져오기 IBasic을 작성하십시오.기본값 대신 모든 구성 요소 파일에 대해 사용자 지정 선언 파일을 생성하는 것보다 ktsn/vuetype을 사용할 수 있음shims-vue.d.ts신고서같은 문제가 있었는데 IDE에 오류가 없음에도 불구하고 오류가 발생하여 서버를 재시작하면 완벽하게 작동한다는 것을 깨달았어.TS로 어떤 ..

좋은 테이블에서 선택한 행의 데이터를 가져오다. 얘들아, 나 처음이라 어떻게 해야 할지 모르겠는데 여기서 현재 선택된 행의 데이터를 어떻게 얻을 수 있는지 코드야. columns1: [ { label: 'Page Name', field: 'pagename', sortable: false, }, { label: 'View', sortable: false, }, { label: 'edit', sortable: false, }, { label: 'update', sortable: false, }, { label: 'delete', sortable: false, }, ], rows1:[], methods:{ getTotals1(){ var self = this; this.$http.get('http://loca..

두 어레이를 반복하고 데이터 결합 나는 무언가를 할 수 있는 가장 좋은 방법을 찾으려고 노력하고 있다.기본적으로 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..

npm 패키지에서 가져온 vue 구성 요소를 확장하는 방법 노드를 통해 설치된 vue 구성 요소가 있는 경우: node_modules/vendor/somecomponent.vue 이 구성 요소의 템플릿/방법 수정/확장 방법이 있는가? 업데이트: 아래 예제를 시험해 본 후, 나는 이 문제에 직면하게 되었다. 나는 https://github.com/eliep/vue-avatar을 사용하고 있는데, 이것을 소품으로 확장해야 하고, 어쩌면 템플릿을 약간 수정해야 할지도 몰라. import {Avatar} from 'vue-avatar' Avatar = Vue.component('Avatar').extend({ props: ['nationality'] }); export default { components: {..