반응형

vuejs2 417

VueJ와 jQuery를 멋지게 플레이하다

VueJ와 jQuery를 멋지게 플레이하다 이 질문은 intl-tel-input과 vuejs2를 함께 사용하는 것과 관련이 있거나 비슷하지만 아직 답변되지 않았습니다. 또한 VueJs는 솔루션을 가지고 있지만 "환경"에 대해 설명하는 데이터 속성 가치로 프로포트를 사용합니다. 요컨대, 새로운 부트스트랩 탭(제목과 URL)을 동적으로 셋업하고 나서, 다음의 방법으로 몇개의 기능을 바인드(재바인드)하려고 합니다.jQuery. Vue 메서드에 다음 행 https://github.com/thecodeassassin/bootstrap-remote-data/blob/master/js/bootstrap-remote-tabs.js#L258을 추가하면 이 기능이 적용됩니다.단, 변경을 두 번 트리거한 경우에만 해당됩니다..

programing 2022.07.01

계산 속성 내에서 window.innerWidth를 사용하는 방법 - NuxtJs

계산 속성 내에서 window.innerWidth를 사용하는 방법 - NuxtJs 는 nuxt프로젝트를 nuxt.js 에서는 nuxt.js의 .여기서 nuxt.js 내의 스타일을 결정해야 합니다.computed 하여 신청하다div screen size다음 예시와 같습니다. 기본적인 예 실제의 예 의 making GridLayout포트페페페페페vvvv표v표.vue다다다다다다vv 1 2 3 3 합니다.windows is note definedif (this.mq() === 'small') 은 꼭 .pure Vue.js하지만 서버 사이드 렌더링이기 때문에 Nuxt.js에서는 동작하지 않는 것은 이해했습니다만, 어떻게 하면 동작시킬 수 있을까요? 내가 가장 가까이 접근한 것은 스타일 코드를 이동시키는 것이었다...

programing 2022.06.30

다른 함수에서 글로벌 함수(Vue.protype.myFn)에 액세스하는 방법

다른 함수에서 글로벌 함수(Vue.protype.myFn)에 액세스하는 방법 nuxt.js 프로젝트를 진행 중이며 글로벌 함수를 작성하려고 하는데 다음과 같은 오류가 발생합니다. Cannot read property '$toggleBodyClass' of undefined 코드(plugins/globals.js)는 다음과 같습니다. import Vue from 'vue'; Vue.prototype.$toggleBodyClass = (addRemoveClass, className) => { const elBody = document.body; if (addRemoveClass === 'addClass') { elBody.classList.add(className); } else { elBody.classL..

programing 2022.06.30

"triggerScroll" 이벤트를 트리거하는 것은 무엇입니까?

"triggerScroll" 이벤트를 트리거하는 것은 무엇입니까? Nuxt 앱에서 일부 상태를 변경하기 위해 버튼을 클릭하면 해당 페이지로 스크롤됩니다. vue 확장을 사용하면 다음 이벤트를 볼 수 있습니다. name:"triggerScroll" type:"$emit" source:"" 이 이벤트가 트리거되는 원인은 무엇입니까?내 코드 안에서 촉발시키는 게 아니야scrollToTop 속성을 사용하는 경우 또는this.$refs.module.scrollTop = 0,$nuxt를 발사하다triggerScroll이벤트언급URL : https://stackoverflow.com/questions/59952579/what-is-triggering-triggerscroll-event

programing 2022.06.30

VueJ 핫 새로고침이 느리다

VueJ 핫 새로고침이 느리다 .vue 파일이 있는 vuejs 응용 프로그램이 있습니다.그 중 하나에 600줄 정도의 HTML이 포함된 템플릿이 있습니다. 문제는 이 .vue 파일을 수정할 때 핫 새로고침 시마다 재컴파일하는 데 30초가 걸린다는 것입니다. 1/ 제가 뭔가 잘못하고 있는 걸까요? 2/ 이를 개선할 방법이 있습니까? 3/ 대안이 있습니까? vue JavaScript의 기본 골격을 사용하여 다음을 시작합니다. vue init webpack project_name 실행 방법: yarn run dev 이 중간 기사에서 귀사의 빌드를 최적화하는 솔루션을 찾았습니다. https://medium.com/ottofellercom/0-100-in-two-seconds-speed-up-webpack-465..

programing 2022.06.30

Vue js : Chrome에서 저장된 암호를 변경할 수 없습니다.

Vue js : Chrome에서 저장된 암호를 변경할 수 없습니다. 문제가 있고 웹 사이트에 로그인 페이지가 있으며 Google Chrome에서 "Save password"를 클릭하여 연결하는 동안 암호를 더 이상 변경할 수 없습니다. [패스워드]필드에는 메일의 패스워드가 자동 입력되어 다른 패스워드를 입력하려고 해도(이메일필드에 있는 채로) 오래된 패스워드가 자동으로 입력됩니다(매초).다음은 비밀번호 입력입니다. 비밀번호 모델을 변경하는 코드나 기능은 없습니다. 어디서 나올지 아시는 분이 계시면 정말 감사하겠습니다.언급URL : https://stackoverflow.com/questions/46957327/vue-js-cant-change-saved-password-in-chrome

programing 2022.06.30

버튼 클릭 시 Vue Transition이 트리거되지 않음

버튼 클릭 시 Vue Transition이 트리거되지 않음 저는 Vue JS에 처음 접속하여 이미지 및 비디오 목록을 객체의 배열로 가져올 썸네일 뷰어를 만들고 있습니다.처음에는 5개 항목만 표시되며 사용자가 Top/Bottom 버튼을 클릭했을 때 썸네일을 세로로 슬라이딩하고 싶습니다. StackOverflow 상의 링크를 참조하여 코드펜을 작성했습니다. Vue Transitions를 사용하고 있는데 데이터가 반응하는 것 같습니다만, Top과 Bottom 버튼을 클릭했을 때, 왠지 매끄러운 이행이 보이지 않습니다(위/아래로 100px 슬라이딩됩니다. HTML 코드: Top Down totalCount {{totalCount}} currentTopIndex {{currentTopIndex}} current..

programing 2022.06.30

VueJ에서의 번호 포맷 방법s

VueJ에서의 번호 포맷 방법s VueJ에서 숫자를 포맷하는 방법을 찾을 수 없었습니다.제가 찾은 건 통화 필터와 통화 서식을 위한 vue-numeric뿐입니다. 라벨처럼 보이려면 약간의 수정이 필요합니다.반복된 어레이 구성원을 표시하는 데 사용할 수 없습니다.number.js 설치: npm install numeral --save 커스텀 필터를 정의합니다. 사용방법: {{item.integerValue | formatNumber}} Intl.NumberFormat(), 디폴트 사용: ... created: function() { let number = 1234567; console.log(new Intl.NumberFormat().format(number)) }, ... //console -> 1 23..

programing 2022.06.30

로드 시 Vue.js v-if 및 v-f를 포함하는 HTML 태그

로드 시 Vue.js v-if 및 v-f를 포함하는 HTML 태그 Vue.js를 사용하여 뉴스레터에 이메일 주소를 등록하는 기본적이고 매우 간단한 API로 데이터를 전송하고 몇 가지 메시지(상태 및 오류)를 표시합니다. 특히 v-if 및 v-for 명령을 사용하여 오류와 두 가지 메시지를 표시합니다.페이지가 로드될 때 페이지가 완전히 로드되거나 Vue.js 인스턴스가 마운트될 때까지 이들2개의 패러그래프 요소와 순서 없는 리스트 요소 「flash」가 됩니다. 제가 잘못하고 있나요?흔한 문제인가요?로딩 시 모든 요소가 점멸하지 않도록 할 수 있는 방법이 있습니까? 잘 부탁드립니다. HTML은 다음과 같습니다. E-mail address Thank you, we will keep you updated Loa..

programing 2022.06.29
반응형