반응형

vuejs2 140

jQuery 글로벌 키 누르기 이벤트 메서드 호출 vuejs 메서드가 예상대로 작동하지 않습니다.왜요?

jQuery 글로벌 키 누르기 이벤트 메서드 호출 vuejs 메서드가 예상대로 작동하지 않습니다.왜요? 여러 html 형식의 대화상자를 표시할 수 있는 웹 페이지가 있습니다.입력 키를 누른 것을 감지하고 대화상자의 OK 버튼을 클릭하여 호출하는 것과 같은 메서드를 호출할 수 있는 코드를 한 곳에 배치하고 싶습니다.이렇게 하면 방문자는 OK 버튼을 클릭하는 대신 대화상자에서 Enter 키를 눌러 닫을 수 있습니다.꽤 간단한 것들이다. jQuery를 사용하여 Enter 키를 검색하여 vuejs dlogClose 메서드를 호출하는 글로벌키다운 핸들러를 만듭니다.아래에 최소한의 버전을 작성했습니다.실제 환경에서는 특정 대화상자에 적합한 dlogClose 메서드를 찾기 위해 여러 대화상자와 더 복잡한 코드가 있습..

programing 2023.01.23

Vue.js와 Flask를 결합하려면 어떻게 해야 하나요?

Vue.js와 Flask를 결합하려면 어떻게 해야 하나요? Vue.js와 Flask를 함께 사용하고 싶습니다.동적인 프런트 엔드는 Vue.js, 백엔드는 Flask입니다.내가 어떻게 그럴 수 있을까?최근 이 문제가 발생했습니다(Vue.js와 Flask의 조합). 1) 단순한 Vue.js 앱을 만들거나 2) Webpack과 같은 모듈 번들을 사용하여 싱글 파일 컴포넌트 또는 npm 패키지를 결합해야 하는 복잡한 Vue.js 앱을 만드는 방법에 따라 두 가지 이상의 조합 방법이 있습니다. 간단한 Vue.js 앱: 이것은 실제로 매우 쉽고 그 자체로 매우 강력합니다. Vue.js "('')'를 ..html 않으면 아무 이나 열어. 그렇지 않으면 그냥 아무것이나 열어서.html원하는 템플릿 파일입니다. Vue...

programing 2023.01.23

위치 설정: 고정 동작과 같은 고정 동작(Vue2의 경우)

위치 설정: 고정 동작과 같은 고정 동작(Vue2의 경우) Position: sticky는 대부분의 모바일브라우저에서 지원되지 않습니다.그렇지만position: fixed(고정 블록이 문서 하단에 있는 내용과 겹치기 때문에) 필요한 것은 아닙니다. jquery의 경우 문서 하단을 스크롤하면 고정 블록의 정적 위치를 쉽게 설정할 수 있을 것 같습니다. 하지만 Vue2의 경우 동일한 방법을 전혀 알지 못합니다.조언 좀 해주세요.또는 더 나은 솔루션이 존재할 수도 있습니다.댓글에서도 언급했듯이 가능하면 폴리필을 사용하는 것을 추천합니다.그들은 그것을 바로잡기 위해 많은 노력을 기울였을 것이다.그러나 Vue에서 이를 수행하는 방법에 대한 간단한 견해가 있습니다. 스크롤 Y 값을 데이터 항목에 넣어 스크롤 이벤트..

programing 2022.11.29

vuejs의 데이터로 앱을 초기화하는 방법

vuejs의 데이터로 앱을 초기화하는 방법 Foo라는 단일 파일 구성 요소를 사용하고 있습니다. This is the app. X is {{ x }}, y is {{ y }} 그리고 다음과 같이 앱을 초기화합니다. // somewhere here 'node' gets set to a DOM node, // and 'y' is created. import Vue from 'vue'; import Foo from './Foo.vue'; const app = new Vue({ 'el': node, data: {y}, render: h => h(Foo) }); 이는 'y'가 실제로는 단순한 문자열이 아닌 오브젝트라는 점에서 지나치게 단순화된 것입니다.그게 차이를 만든다면. 아이 컴포넌트의 소품 등을 건네주는 방..

programing 2022.10.21

Vue.js v2의 자 컴포넌트 동적 렌더링

Vue.js v2의 자 컴포넌트 동적 렌더링 VueJs에 전면 검색 시스템을 구축하고 있어요일반적인 생각은 다음과 같습니다. A FilterGroupcomponent에는 전체 필터 로직이 포함됩니다.이 구성 요소에는 다양한 하위 구성 요소(예:AttributeXYZFilter이러한 하위 구성요소는 다음과 같은 조건을 제공할 책임이 있습니다.FilterGroup를 사용하여 항목 컬렉션을 필터링합니다. 이 시스템의 사용 예는 다음과 같습니다. 문제는 다음과 같습니다. 필터 컴포넌트는 다음과 같이 렌더링해야 합니다.FilterGroup특정 레이아웃에 있습니다.또한.FilterGroup는 필터 컴포넌트에 소품을 사용하여 몇 가지 추가 데이터를 제공해야 합니다. 불필요한 결합을 방지하기 위해FilterGroup는..

programing 2022.09.14

알 수 없는 사용자 지정 요소?

알 수 없는 사용자 지정 요소? Vuetify의 최신 버전을 사용하고 있습니다.npm info vuetify: vuetify@2.0.15 특정 요소(예:v-timeline)는 표시는 가능하지만 사용할 수 없습니다.v-expansion-panels최신 버전이라도: Item Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 여기서 문제가 될 수 있는..

programing 2022.09.14

Netbeans 8.2의 VueJ에서 사용할 수 있는 플러그인이 있습니까?

Netbeans 8.2의 VueJ에서 사용할 수 있는 플러그인이 있습니까? Netbeans 8.x intellisense는 VueJS 태그를 식별하지 않습니다.Netbeans 8.x에서 VueJs 구문 강조 표시 또는 자동 채우기 지원에 사용할 수 있는 플러그인이 있습니까? 없는 경우 해결 방법이 있습니까?.vuefile은 html 파일의 일종으로 Netbeans에서 구문 강조 표시를 추가할 수 있습니다. [툴] > [옵션]> [기타]> [파일] 새 파일 확장자를 추가합니다. 파일 확장자: vue 관련 파일 형식(MIME): HTML 파일(텍스트/html) 완벽하지는 않지만 실제로는 플러그인이 없는 것 같습니다. 편집: Visual Studio Code에는 vuej에 적합한 기능이 있습니다.플러그인은 있..

programing 2022.09.14

Vee-validate를 사용하여 폼이 올바르게 입력될 때까지 버튼을 비활성화합니다.

Vee-validate를 사용하여 폼이 올바르게 입력될 때까지 버튼을 비활성화합니다. 폼이 올바르게 입력될 때까지 송신 버튼을 무효로 하고 싶은 경우는, 다음과 같습니다. {{ errors.first('email') }} Send Invite Send Invite 위에서는 에러 메시지만 출력하고 값 입력을 시작한 후 전송 버튼을 비활성화합니다.입력과 대화하기 전에 빈 문자열을 보낼 수 없도록 처음부터 비활성화해야 합니다. 또 다른 질문은 이 제품을 사용하는 것보다 더 좋은 방법이 있는가 하는 것입니다.v-if이걸 하기 위해서요? 편집: userCreate: { customerId: null, userPrincipalName: '', name: 'unknown', isAdmin: false, isGloba..

programing 2022.09.14
반응형