반응형

vuejs2 6

v-for 루프 내의 로더와 함께 Vuetify v-btn 사용

v-for 루프 내의 로더와 함께 Vuetify v-btn 사용 For 루프 내에서 동적으로 생성된 버튼 각각에 별도의 로더를 설치하는 방법을 찾고 있습니다.Vuetify에는 로더 버튼이 있습니다. 문제가 되는 것은 이 버튼들이 for 루프에 있고 하나를 클릭하면 모두 로딩 인디케이터가 표시된다는 것입니다.로딩 인디케이터는 클릭하신 것만으로 표시해 주셨으면 합니다. HTML: location_on Lookup locating... cached 대본 data () { return { loader: null, loading: false } }, 3가지 아이템이 있다고 칩시다.위의 코드는 3개의 버튼을 생성하지만 모두 동일한 로드 파라미터를 공유합니다.각 버튼에 유일한 로딩 파라미터를 사용하려면 어떻게 해야 ..

programing 2022.07.02

vue j에 대한 응답형 이미지 그리드 갤러리

vue j에 대한 응답형 이미지 그리드 갤러리 크기가 다른 이미지를 보여주는 vue용 응답성 이미지 그리드 컴포넌트가 필요합니다.적절한 jquery 플러그인이 몇 가지 있지만 스크롤 이미지 로드가 느리기 때문에 vue 기반 페이지에서 사용할 수 없습니다.jquery는 첫 페이지 로드에서만 높이와 폭을 설정합니다.jquery 플러그인을 사용할 수 있는 좋은 컴포넌트나 솔루션이 있습니까?이미지 크기를 미리 알 필요 없이 이를 수행할 수 있는 경량 패키지 vue-stack-grid를 만들었습니다.나는 그것을 위한 훌륭한 컴포넌트를 발견했다: vue-masonry언급URL : https://stackoverflow.com/questions/47615934/responsive-image-grid-gallery-f..

programing 2022.07.02

Vue.js 2.3 - Element UI 대화상자 - 동기 및 소품

Vue.js 2.3 - Element UI 대화상자 - 동기 및 소품 사용하고 있다vue-js 2.3그리고.element-ui업데이트 이후2.3의vue-js재도입sync상황이 바뀌었고, 나는 내 문제를 이해하는 데 어려움을 겪어왔다. 여기 jsfiddle이 있습니다.https://jsfiddle.net/7o5z7dc1/ 문제 그dialog한 번만 열립니다.닫으면 다음 오류가 발생합니다. 상위 구성 요소가 다시 렌더링될 때마다 값이 덮어쓰기되므로 프로포트를 직접 변환하지 마십시오.대신 프로펠러 값을 기반으로 데이터 또는 계산된 속성을 사용하십시오.변환되는 프로펠러: "showDialog" 문의사항 내가 뭘 잘못하고 있지? 어떻게 하면 현재 상황을 해결할 수 있을까요? 편집 를 작성하는 경우data에러 메세..

programing 2022.07.02

Vue-router를 사용하면 단순히 경로를 직접 사용하는 것보다 이름 있는 경로를 사용하는 것이 더 좋은 점이 있습니까?

Vue-router를 사용하면 단순히 경로를 직접 사용하는 것보다 이름 있는 경로를 사용하는 것이 더 좋은 점이 있습니까? 공식 문서에 의하면 루트에 링크하거나 네비게이션을 실행하는 경우 특히 루트를 이름으로 식별하는 것이 더 편리할 수 있습니다. 그럼 어떻게 하면 더 편리할 수 있을까요? {{ user.name }} 대 {{ User.name }} 뭔가 확실한 걸 놓치고 있는 것 같아.저는 항상 명명된 경로를 이용합니다. 장점은 루트의 경로를 변경할 필요가 없다는 것입니다.또는this.$router.push()불러. 이는 프로그래밍에서 마법의 값을 피하고 대신 명명된 상수를 사용하는 이유와 비슷합니다. 즉, 코드 내의 모든 값을 찾아 교체하지 않고도 한 곳에서 값을 변경할 수 있습니다. 명명된 경로를 ..

programing 2022.07.02

VueJ 2 + ASP넷 MVC 5

VueJ 2 + ASP넷 MVC 5 저는 VueJs를 잘 몰라요.ASP 내에서 단일 페이지 애플리케이션을 구축해야 합니다.NET MVC5 저는 이 튜토리얼을 따르고 매우 잘 작동합니다.-> 튜토리얼 하지만 VueJS2 Routes를 테스트하기 위해 .vue 페이지를 만들 때 브라우저가 "Import"를 인식하지 못하고 Babel과 같은 트랜스필러를 사용해야 한다고 읽었습니다만, 이 문제를 해결하는 방법을 아는 사람이 있습니까? App.VUE {{msg}} App.JS import Vue from 'vue' import App from './App.vue' new Vue({ el: '#app', router, render: h => h(App), data: { message: 'Hello Vue! in A..

programing 2022.07.02

기본값 '/'을(를) 특정 경로 nuxt/netlify로 리디렉션합니다.

기본값 '/'을(를) 특정 경로 nuxt/netlify로 리디렉션합니다. 기본적으로 루트 루트를 원합니다.'/'내 것으로 리다이렉트되다'/home'경로. 내 Nuxt 앱은 Netlify에서 호스팅되기 때문에 나는 이것을 하려고 했다._redirects파일 / /home 리다이렉트 문서에 따르면, 하지만 효과가 없습니다. 라우터 설정의 Vue에서 리다이렉트를 설정할 수 있는 것은 알고 있습니다만, Nuxt에서도 같은 것을 실현하려면 어떻게 해야 합니까? 어떤 도움이라도 주시면 감사하겠습니다!주로index.vue추가되는 페이지: 다음으로 미들웨어를 생성하여 실제로 원하는 페이지로 리다이렉트 합니다.>redirect.js: export default function ({ store, redirect }) { ..

programing 2022.07.02
반응형