newsource

Vue의 온드래거에 상당합니다.드래그 가능(Sortable.js) 어떤 것이 요소 위로 끌려가고 있는지 탐지할 수 있는 방법이 있습니까?아니면 호버 이벤트를 발생시킬까요?onMove를 통해 끌어다 놓은 요소에 클래스를 추가하는 방법을 찾았지만, 나에게는 효과가 없는 것 같습니다.솔루션 https://jsbin.com/xuwocis/edit?html,js,output으로 JSBin을 만들었습니다. var sorting = false; new Sortable(el, { onStart: function() { sorting = true; }, onEnd: function() { sorting = false; // remove styling targetElement.style.backgroundColor = '..

Vue 템플릿에서 사용자 지정 특성 바인딩이 가능합니까? Vue 템플릿에서 사용자 지정 특성 값을 바인딩하려고 합니다.이거 어떻게 해? (EDIT: 다음 코드는 실제로 올바르게 바인딩됩니다.서드파티 라이브러리(Foundation)가 바인딩을 방해하고 있습니다.다른 사람들에게 도움이 될 수 있는 질문을 남겨두는 것. 바인딩 속성의 일반적인 구문은 다음과 같습니다. 줄임말도 있어요. 질문의 구문을 사용하여 여러 속성을 한 번에 바인딩할 수 있습니다. 외부에서는 일반적으로 사용되지 않습니다.class또는style(특히 단일 Atribute의 경우) 진짜 문제는 당신의 CSS 프레임워크였던 것 같군요.언급URL : https://stackoverflow.com/questions/44709265/are-custo..

계산된 VueJ의 이전 값에 액세스합니다.s 나는 정보가 언제 변경되었는지 확인하기 위해 계산기를 사용하고 있다. 클릭해서 계산을 실행하면 데이터의 새 값과 계산된 함수에 할당된 이전 값을 모두 볼 수 있습니다.이 값은 Chrome Vue Dev Tools를 통해 확인할 수 있습니다. 내가 하고 싶은 것은 반환이 아니라 계산된 저장 데이터에 액세스하는 것이다.그것은 이전에 정확했지만, 계산으로 내부 수익률을 갱신한 데이터입니다. 제가 이렇게 하고 싶은 이유는 데이터가 더 이상 일치하지 않고 뭔가 바뀌었다는 것을 보여주기 위해서입니다. selectedLenses: "30626146713652"

Nuxt SSR와 FireBase 통합 프로젝트 폴더를 Firebase에 도입할 수 있도록 재구축하려고 했는데, 이 저장소 Nuxt Firebase Vuetify를 보세요.에서nuxt.config.jsbuildDir를 로 변경했습니다.../functions/.nuxt첫눈에 효과가 있었던 것 같습니다.하지만 Vuetify와 같은 UI 프레임워크의 커스텀 컴포넌트를 사용할 때마다 오류가 발생합니다.브라우저 콘솔에 다음과 같은 오류가 있습니다. 클라이언트 측에서 렌더링된 가상 DOM 트리가 서버 렌더링 컨텐츠와 일치하지 않습니다.이는 잘못된 HTML 마크업이 원인일 수 있습니다.예를 들어 블록레벨 요소를 내부에 네스트 하거나 누락하거나 수화 처리를 하거나 클라이언트 측 렌더를 완전히 실행하거나 하는 등의 문제..

동적 구성 요소가 완전히 로드된 경우 확인하는 방법 다음과 같이 몇 가지 컴포넌트를 동적으로 로드합니다. const Page0 = () => import("@/components/pages/tutorial/Pages/Page0") const Page1 = () => import("@/components/pages/tutorial/Pages/Page1") 이런 페이지가 10페이지 더 있는데, 경로 매개 변수에 따라 호출됩니다. 로딩 화면을 작성하기 위해 특정 페이지가 로딩되었는지, 언제 전환되는지 어떻게 알 수 있는지 궁금했습니다. 이렇게 다 쓰고 있어요. 동적 구성 요소가 완전히 로딩되었는지 확인하는 방법 사용할 수 있습니다.@hook:mounted컴포넌트가 로드되어 있는지 여부를 나타냅니다. 예. 코드..

vue.js는 뷰포트에 들어가는 요소에 표시/발생합니다. 일단 jQuery는 하지 말아주세요.이것을 jQuery 등에서 할 수 있습니다.요점은 불필요한 의존관계 없이 할 수 있다는 것입니다. 이 시나리오에서는 스크롤할 수 있는 여러 섹션으로 구성된 단일 페이지 웹 사이트를 만듭니다.브라우저가 해당 섹션으로 스크롤되면 Vue.js의 트랜지션을 사용하여 페이드인 할 수 있습니다.이 전환은 aptribute를 사용하여 작동시킬 수 있지만 문제는 초기 렌더 트리거가 화면 밖에 있는 요소에서 작동한다는 것입니다.또한 브라우저가 요소를 스크롤할 때까지 트리거를 미루고 싶습니다. vue-observe-visibility와 같은 라이브러리를 찾았지만 솔직히 데이터 속성 로드를 생성하여 트리거를 true로 변경하고 v-..

모든 데이터를 모든 슬롯에 할당 데이터를 각 슬롯에 바인드하지 않고 모든 슬롯에 할당할 수 있는 더 좋은 방법이 있을까요? 그래서 지금 하고 있는 일은: {{ header }} {{ subtitle }} 데이터를 사용하려면 다음 작업을 수행해야 합니다. {{ data.data.header }} 저는 이 기능을render데이터를 할당하는 방법은 있지만 이 방법은 전혀 작동하지 않는 것 같습니다. render() { const data = this._data; return this.$scopedSlots['header']({ test: 'hello' }); }, 누가 나 좀 도와줄래?사용할 수 있습니다.$data컴포넌트의 데이터 객체를 참조합니다.다음과 같이 합니다. {{ header }} {{ subtit..

하위 구성 요소에 전달된 프로포트가 생성된 메서드에 정의되지 않았습니다. Vue.js 2를 사용하고 있습니다. 자녀 컴포넌트에 소품으로 값을 전달하는 데 문제가 있습니다.나는 합격하려고 한다.card로.card-component. 인card-component의 소품에 액세스 할 수 있습니다.Card goes here {{card}}부분. 단, 에서 접속하려고 하면created또는mounted방법undefined. 부모: 아이: Card goes here {{card}} 구글 검색을 많이 해봤지만 찾은 해결 방법 중 문제를 해결하지 못했습니다.이것은 순전히 타이밍 문제입니다.무슨 일이 일어나는지 알려줄게... 부모 컴포넌트가 생성됩니다.현시점에서는 빈 어레이가 할당되어 있습니다.place(이것도 문제지만 ..

NET::VueJS 프로젝트 실행 시 ERR_CERT_INVALID 오류 @vue/cli-service의 v3.9.2에서 실행되는 1년 전의 VueJS 프로젝트가 있습니다.계속 보고 있다https://localhost:8000사용방법--https의 깃발.vue-cli-service명령어를 입력합니다. 이제 업데이트했습니다.@vue/cli-service패키지를 v3.12.1로 전송합니다.내가 달릴 때npm run serveChrome에서 다음과 같은 오류가 발생합니다.localhost로 진행하기 위한 버튼이 없습니다. Vue cli 서비스에서 무엇이 변경되었는지 이 오류가 표시되는지 및 이 오류를 수정하려면 어떻게 해야 합니까? 여기 제 소포가 있습니다.json { "name": "test", "versi..

Laravel / Vue: v-model 사용 시 검증 중 Laravel과 Vue js를 사용하고 있는데 Laravel을 사용하여 이 필드를 검증하는 방법을 알 수 없습니다. Vue 컴포넌트: {{problem.title}} 그러면 어레이가 반환됩니다. array:2 [ "problems" => array:2 [ 0 => array:2 [ "id" => 33 "rating" => "12" ] 1 => array:2 [ "id" => 38 "rating" => "3" ] ] ] Laravels 검증을 사용하여 이를 검증하는 방법을 모르겠습니다.저는 이런 것들을 많이 해봤어요 $this->validate($request, [ 'rating' => 'required|integer', ]); 하지만 이것은 물론..