c10106

94% 자산 최적화 오류 1개 오류로 컴파일 실패 나는 다음 프로그램을 사용하여 프로젝트를 만들었다.vue-cli웹 팩 템플릿과 함께. 내 소포.json은 다음과 같이 보인다. { "name": "vuejs-form-frontend", "version": "1.0.0", "description": "A Vue.js project", "author": "karneaud ", "private": true, "scripts": { "dev": "webpack-dev-server --debug --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "unit": "cross-env BABEL_ENV=test karma st..

Vue JS 구성 요소에 Div 추가 및 제거 나는 VueJS를 처음 접하는 사람인데, 지금 나는 도저히 이해할 수 없는 문제에 직면해 있다.버튼을 클릭하여 요소를 동적으로 추가 및 제거하고자 한다.어떻게 하면 이것을 작동시킬 수 있을까? 그래야 내가 마지막으로 추가한 div가 아니라 특정 div를 제거할 수 있다.나는 이것을 가지고 장난을 많이 쳤는데, 지금은 심지어 [Vue warn]:구성요소 렌더 함수에 무한 업데이트 루프가 있을 수 있다.나는 div=index를 설정하지 않고 대신 div.id등과 작업해야 할 것 같아.누가 이것 좀 도와줬으면 좋겠어.고마워요. https://jsbin.com/zuquwej/edit?html,js,output Div {{div}} Delete Add row cons..

Vue.js 패스 슬롯과 래핑된 Bootstrap-Vue Table 구성 요소 연결 부트스트랩-뷰 테이블 구성 요소에 대한 래퍼를 만들려고 한다.이 구성 요소는 다음과 같은 셀 템플릿을 정의하기 위해 슬롯을 사용한다. ///...here goes the template for the cell's of itens key "id" 그래서, 내가 만들고 있는 포장지는 다음과 같다. 그리고 이 구성 요소를 다음과 같이 부르고 싶다. ///...here goes the template for the cell's of itens key "id" 그런데 b-테이블 부품에 필요한 슬롯이 이름이 붙어서 포장지에서 전달하기가 힘들어. 내가 어떻게 그럴 수 있을까?슬롯을 하위 구성 요소로 전달하면 다음과 같이 할 수 있다...

vuetify의 확장 패널 문제를 해결하는 방법 컨텍스트: 나는 현재 뷔에티파이(Vuetify1.5) 확장패널을 사용하는 복잡한 어플리케이션을 작업 중인데, 확장패널이 확장된 캔버스를 바인딩/강조해야 한다.(아래 데모에서는 캔버스 대신 v-chip으로 동일한 문제를 재현했다.) 위와 같은 것을 이루기 위해 나는 아래의 단계를 따르고 있다. S1: v-model에서 계산하여 확장/사용자 확장 패널 인덱스를 제공 S2: 색인을 항목 색인과 일치시키고 요소를 강조한다. 몇 가지 유의할 사항: 1.성능을 떨어뜨리고 전체 확장패널 구성요소를 재렌더하기 때문에 확장패널의 키로 항목지수를 사용할 수 없다.vue에서 동적 구성요소를 사용하는 동안 성능을 향상시키는 방법 2. 올바른 v-칩을 강조하기 위해 인덱스가 필요..

Vue - 부모 참조를 자녀에게 소품으로 전달하는 방법? 현재 구성 요소의 참조를 다음과 같은 하위 구성 요소에 전달하려고 한다. Vue.js 유형은 지원하지 않기 때문에HTMLDivElement, 정의할 때 하위 구성 요소에 오류가 발생하는 경우screenRef소품으로 const ChildComponent = { name: 'child', props: { screen: { type: HTMLDivElement, default: {} } } } 올바른 방법 좀 가르쳐 주시겠습니까?다음을 통해 하위 구성 요소에서 상위 구성 요소에 액세스하십시오. this.$parent 또는 this.$el.parent 또는 상위에서 하위 항목으로 속성을 투명하지 않게 전달하려면 하위 구성 요소의 enetherAttrs 옵..

vuetify 글꼴 크기 변경 나는 새로 부에티비시를 사용하고 있다.의 글꼴 크기를 변경하고 싶다.단추와 레이블.css 직접 적용이 작동하지 않음.그래서 몇 가지 답을 찾아봤지만, 그 답은 매우 짧다.그걸 적용할 수 없어.부비에서 글꼴 크기를 어떻게 바꾸는지 설명해줄 사람 있어?티아 업데이트됨: Jenis Kelamin Mohon diisi 정답이 나왔어.내 css 파일에서 내가 해야 할 일은 .customClass >>> label 그 >>>> 아이콘을 추가하면 문제가 해결되었다.에서 스타일 태그를 사용하려면.vue파일: 제거할 수 있는 옵션scoped스타일 태그에서 직접 레이블을 대상으로 지정. 만약 당신이 별개의 것을 가지고 있다면.css파일 당신은 여전히 이 방법을 사용할 수 있고 그리고 무시 할..

부에 2, 활자, 모카 및 카르마를 포함한 코드 적용 범위 우리는 Typecript 및 웹팩 3과 함께 Vue 2를 사용하고 있다.Vuex는 국가 관리에 사용된다.우리의 테스트는 모카, 시논, 에베레스트, 아보리아즈와 함께 카르마와 함께 실행된다.모든 것이 훌륭하지만 나는 어떤 테스트가 누락되었는지 시각적으로 더 잘 표현하기 위해 이스탄불을 이용한 코드 커버리지를 작동시키려 노력한다. 폴더 구조의 작은 표현 src 구성 요소들 공유했습니다. 단추를 채우다 button.vue button.ts 인덱스.ts ... 시험 구성 단위 구성 요소들 공유했습니다. 단추를 채우다 button.spec.test.ts 업보.conf.js 업보. 업보.js 인덱스.ts ... button.vue button.ts impo..

VUE2 하위에서 상위로 매개 변수 전달 어떻게 하면 자식에서 부모로 매개 변수를 적절하게 전달할 수 있을까?여기 내가 한 일이 있다. HTML 구성 요소 template' ', methods:{ centraNellaMappa : function(x,y,selected){ this.$emit('centramappa',[x],[y],[selected]); } } 상위 함수 mappaCenter : function(x,y,selected){ alert(x); } 'x' 매개 변수가 인식되지 않는 것 같다.사실 거의 다 왔는데, 유일한 문제는 인라인 사용자 지정 이벤트 핸들러에 사용한 쓰기 스타일이야. v-on:centramappa="mappaCenter(x,y,selected)" vue는 vue 인스턴스에서..

vue에서 {ref}을(를) 가져오는 동안 오류가 발생하는 중? 나는 vue-mastery 튜토리얼에서 vue js를 배우는 신참이고 나는 튜토리얼을 보고 코드를 썼다 내 코드는 Capacity: {{ capacity }} 이 코드를 실행할 때 터미널에서 오류가 발생하는 경우 "export 'ref'가 'vue'에서 발견되지 않았으며 웹 브라우저 오류에서 vue.runtime.esm.js?2b0e:619 [Vue warn]:속성 또는 메서드 "용량"은 인스턴스에서 정의되지 않고 렌더링 중에 참조된다.속성을 초기화하여 데이터 옵션 또는 클래스 기반 구성 요소에 대해 이 속성이 반응하는지 확인하십시오.https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactiv..

사용자 정의 유효성 검사 규칙이 작동하지 않음 버전: VueJs: 2.2.6 Vee-Validate: ^2.0.0-베타.25 설명: 나는 래러벨-뷰-스타터를 기본 템플릿으로 사용하는 프로젝트를 하고 있다. 암호에 사용자 정의 유효성 검사를 사용하고 싶다.그래서 나는 다음과 같은 코드가 있는 resource\assets\js\validators\passwordValidators.js 파일을 만들었다. import { Validator } from 'vee-validate'; Validator.extend('password', { getMessage: field => 'Insert a strong password, it should contain Uppercase letter, lowercase letter..