c10106

VueJS2 상위 구성 요소로 이벤트를 동적으로 내보내는 방법 부모 구성 요소의 방법에 이벤트를 동적으로 내보내야 하는 제목처럼, 나는 이렇게 구성된 구성 요소를 가지고 있다. 여기 액션메누스 사물이 있다. actionmenus: [ {title: 'Edit', emitevent: 'edit'}, {title: 'Delete', emitevent: 'delete'} ] 그리고 여기 내 테이블 구성 요소의 조각이 있다. ... {{ menu.title }} ... 나는 이것이 쉽게 이루어져야 한다는 것을 안다.$emit('edit')또는$emit('delete')액션 메누스 사물을 사용하지 않고$emit()부품은 다른 경우에 테이블 구성요소를 재사용할 수 있도록 전달된 배열 동작 메뉴에 기초하여 동적이어야..

GitHub에서 받은 프로젝트를 npm에서 실행하려고 할 때 "Syntax 오류: 오류: ESLint 구성을 찾을 수 없음" 나는 나에게 보내진 Vue.js 프로젝트를 GitHub에서 다운로드하고 실행하려고 시도했지만, 시도하자마자npm run serve, 나는 다음과 같은 오류를 얻었다. Syntax Error: Error: No ESLint configuration found in C:\Users\User\Desktop\movies-main\src. 이란npm install너무 앞서서내가 직접 몇 개의 Vue.js 프로젝트를 만들었는데 이런 오류가 한 번도 없어서 어떻게 해결해야 할지 모르겠어.내가 내 기계에 의존하는 걸 놓치고 있는 건 아닐까?나는 ESLint를 사용해 본 적이 없다.프로젝트 폴더를..

참조에 클릭 핸들러를 추가하시겠습니까? 나는 제3자 패키지를 사용하고 있는데 작은 상호작용을 추가해야 해. 그 소포에는 "다음"의 참조가 있는 버튼이 있다.이 참조에 클릭 핸들러를 추가할 방법이 있는가?이것이 도움이 될 수 있다: public mounted() { const next = this.$refs.next as HTMLElement; next.addEventListener('click', this.onNextClick, false); } public onNextClick() { // do your stuff here } 나는 비슷한 문제에 대한 해결책을 찾으려고 이 문제에 부딪쳤다.그러나 나의 경우는 a이었다.ref특성이 Vue 구성 요소 개체에 설정됨.단순 사용addEventListener참조..

새로 고침 시 VueJs 페이지 404 제공 방금 내 블로그 앱을 테스트 서버에 올렸어.홈페이지에서 게시물을 클릭하면 slug URL을 이용해 한 페이지를 볼 수 있지만, 한 페이지에서 새로 고치면 404 페이지가 나온다. 사용자 구성요소를 위해 다음과 같은 것을 사용했었다. Route::get('/admin/users{vue_capture?}', function () { return view('admin'); })->where('vue_capture','[\/\w\.-]*'); 내 경로.js는 다음과 같이 보인다. import VueRouter from 'vue-router'; import Admin from './components/Admin.vue'; import Homepage from './co..

오류 수정 방법: 구현되지 않음: 탐색(해시 변경 제외) 다음 파일이 포함된 파일에 대한 단위 테스트를 구현하고 있다.window.location.href확인해봐야겠어 나의 농담 버전은22.0.4. 노드 버전 >=10에서 테스트를 실행하면 모든 것이 괜찮다. 하지만 실행하면 이런 오류가 생긴다.v8.9.3 console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29 Error: Not implemented: navigation (except hash changes) 나는 그것에 대해 전혀 모른다.나는 여기서 무슨 일이 일어났는지 알아내기 위해 해결책이나 힌트를 찾기 위해 여러 페이지를 뒤졌다. [UPDATE] - 소스 코드를 자세히 살펴봤는데 이 오..

Vue.js, 전환 및 슬롯을 함께 사용할 수 있음 나는 Vue.js와 함께 회전목마를 개발하려고 노력해왔지만 나는 전환 효과에 사로잡혀 있다.다음은 내 암호야 // Main component // Slider component import slide from './contentSliderSlide'; export default { name: 'slider', data: () => ({ slideCount: 0, activeSlide: 0, currentSlide: null, lastSlide: null, slideInterval: null }), mounted() { this.init(); }, methods: { getSlideCount() { this.slideCount = ( this.$slots..

맵 렌더링을 위해 탭을 느리게 표시 나는 부비시 탭을 사용하고 있다. Tab 1 Tab 2 Tab 3 Tab 4 SessionMapInformation은 :data props에 따라 지도와 마커를 보여준다. 중요한 것은 탭의 변경 사이에 속도가 너무 느려서 때때로 :데이터가 약간 크면 화면이 정지한다는 것이다.어떤 해결 방법을 조언하시겠습니까?참조URL: https://stackoverflow.com/questions/58645117/vuetify-tabs-slow-for-map-rendering

잘못된 컨텍스트를 제공하는 Vue watch[뚱뚱한 화살표] 이 질문에는 이미 다음과 같은 해답이 있다. 계산된 vue의 화살표 사용 기능이 작동하지 않음 (6개 답변) 닫힌2년 전. 나는 기능 호출을 취소하기 위해 lodash를 사용하고 있는데 왜 내 전화를 받지 않는지 궁금하다.this값이 내가 기대한 대로 범위를 상속하지 않는다. 이것들은 내 Vue 구성 요소와 관련된 부분이다. import debounce from 'lodash/debounce'; watch: { query: debounce(() => { this.autocomplete(); }, 200, { leading: false, trailing: true }), 위 건은 나의 탓으로 효력이 없다.this값이 Vue 구성 요소를 가리키지 ..

선택한 기본값이 Vue.js에서 작동하지 않음 내 드롭다운 목록에 대해 선택한 기본값을 설정하려고 한다.내 코드는 이렇게 생겼어: {{ unit.name }} 기본값이 선택되어 있지 않다.나는 이미 하드코드를 하려고 했다.Selectedunit.id로32712(단위 ID 중 하나): {{ unit.name }} 크롬 검사기에는의 가치가 있는 꼬리표를 붙이다32712: CYLINDER 기본적으로 선택되지 않는다. 편집: 에 문제가 있다는 것을 알았다.selected습작의위의 예에서 다른 속성을 설정할 경우: :selectedXXX="unit.id == 32712" 크롬 개발 도구에 예상되는 속성이 있음: CYLINDER 편집2: 제거하면v-model="newSelectedUnit"선택한 값이 올바르게 설정..

VueJS 2에서 직접 프로펠러를 변형하지 마십시오. 우선, 나는 이제 막 VueJS를 가지고 놀기 시작했기 때문에, 이것은 여기에서 제안된 VueJS 버전일 수 없다. 의 중복일 수 있음: [Vue 경고] 해결 방법: vue.js 2에서 값을 덮어쓰게 되므로 프로펠러를 직접 변경하지 마십시오. - 다른 점은 다음 값만 설정하려고 한다는 것이다.v-bind한 번. 값을 덮어쓰게 되므로 받침대를 직접 변경하지 마십시오. 이 값도 비슷해 보이지만 해결책은 효과가 없었다. Javascript를 통해 VUE 구성 요소를 수정하는 것이 올바른 방법은 무엇인가? - 이 솔루션은 내 경우와 거의 비슷해 보인다. 하위 구성 요소에서 상위 데이터 업데이트 내 문제는 이렇게 생긴 내 HTML에서 시작된다. 및 JS: Vu..