manycodes

Vuejs: 루트 변경 전 확인 대화 상자 표시 vueJS 프로젝트에서 현재 경로가 변경되기 전에 확인 대화 상자를 표시하려고 합니다. 네, 다음 목적 루트로 리다이렉트 할 필요가 있습니다.그렇지 않으면 같은 루트로 리다이렉트 할 수 없습니다. 어떻게 해야 하는지 알아? 잘 부탁드립니다.구성 요소 내 가드를 사용할 수 있습니다. beforeRouteLeavehttps://router.vuejs.org/en/advanced/navigation-guards.html 를 참조해 주세요. 데모: https://codesandbox.io/s/jzr5nojn39 (홈 페이지 1, 2 페이지 사이를 이동해 보십시오) 샘플 코드(vuejs-dialog를 확인 대화 상자로 사용): beforeRouteLeave (to,..

vuejs v-for에 :key 속성이 필요한 이유는 무엇입니까? vscoode가 vuejs v-for에 이 속성이 필요하다고 불평하고 있습니다. 나빠 {{person.name}} 좋아요. {{person.name}} 그럼 왜 :key Attribute가 필요한 거죠? 배열에 항목 목록이 있다고 가정합니다. v-for v-for를 사용하면 인덱스를 기반으로 모든 항목이 표시됩니다.VueJs는 이러한 모든 요소를 추적하지 않습니다.항목이 변경될 때마다 VueJs는 배열 내 항목의 인덱스에 따라 돔의 위치를 바꿉니다(요소를 이동하는 대신 바꿉니다).(돔의) 위치를 수정하거나 대체하기만 하면 됩니다.배열 항목의 값은 저장되지 않습니다.아이템의 가치를 추적하지 않습니다.인덱스 위치만 저장합니다. 이 문제의 문제..

Vue.js $scopedSlots가 Vue 인스턴스에서 작동하지 않음 Clusterize.js(vue-clusterize 구성 요소가 있지만 v1.x에서만 작동)가 완료되면 게시할 Vue 구성 요소에서 작업하고 있습니다.제가 원하는 것은 Vue를 사용하여 방대한 아이템 목록을 매우 빠르게 렌더링하는 것입니다.식탁에 놓을 때 필요해요.vue-virtual-scroll로 시도했지만 테이블을 지원하지 않고 성능도 좋지 않습니다.그래서 Clusterize.js를 사용해보고 싶었습니다. 이 컴포넌트는 설정성이 높으면 좋기 때문에 아이템 리스트의 각 행에 스코프 슬롯을 제공할 수 있다고 판단했습니다.컴포넌트를 마운트하기 전에 클러스터화 컴포넌트의 스코프 슬롯을 각 행에 할당하려고 하면 동작하지 않습니다. 여기 내..

Vue js : _이것.$syslog는 함수가 아닙니다. Vue 구성 요소 call imageUpload 및 v-model로 속성 전달을 생성했습니다. 그리고 그 안에서imgeUpload컴포넌트 이 코드가 있습니다. upload:(e)=>{ const files = e.target.files; if(files && files.length > 0){ console.log(files[0]) this.$emit('input',files[0]) } } 그리고 나는 받았다. Uncaughed Type Error: _이것.$syslog는 함수가 아닙니다. 감사해요.굵은 화살표로 방법을 정의하지 마십시오.용도: upload: function(e){ const files = e.target.files; if(files..

Vue.js 또는 React 컴포넌트를 사용하는 이유 닫혔어. 이 질문은 좀 더 자세히 설명해야 합니다.초점을 맞춥니다.현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?이 게시물을 편집하여 하나의 문제에 초점을 맞추도록 질문을 업데이트하십시오. 4년 전에 문을 닫았어요 이 질문을 개선하다 그래서 Vue.js를 잠깐 써보니까...컴포넌트를 사용해야 하는 이유는 무엇입니까?포루프를 사용하여 div를 생성하기만 하면 컴포넌트를 사용하는 것과 동일한 출력을 얻을 수 있기 때문에 그 뒤에 있는 과대 광고를 이해할 수 없습니다. Vue.js 문서에는 다음과 같은 내용이 기재되어 있습니다. 컴포넌트는 Vue의 가장 강력한 기능 중 하나입니다.기본 HTML 요소를 확장하여 재사용 가능한 코드를 캡슐화할 수..

가져오기가 있는 클래스를 확장합니다. 컴포넌트에 Import를 정의했습니다.다음으로 다른 컴포넌트가 연장되어 있습니다.어떻게 정의 및 액세스 할 수 있습니까?Service부모 컴포넌트가 Import한 것을 확인합니다. 서비스 export default { getSomeData() { return [1,2,3,4] } } 상위 컴포넌트 import Service from '../service'; export default { data() { return { testData: 'test' } } } 자 컴포넌트 import Component from '../component'; export default { extends: Component, mounted() { console.log(Service.getS..

조건부로 부모 요소 렌더링, 내부 html 유지 부모 요소를 조건부로 표시할 수 있는 기본 제공 방법이 있습니까? 설명: This is always rendered no matter what { el.insertAdjacentElement('afterend', child).setAttribute('data-moved', true) }) el.hidden = true } }, inserted(el, bindings) { bindings.def[bindings.value ? 'wrap' : 'unwrap'](el) }, update(el, bindings) { bindings.def[bindings.value ? 'wrap' : 'unwrap'](el) } }) new Vue({ el: '#app', dat..