반응형

vuejs2 140

Vue에서 대화 상자가 완료될 때까지 선택 양식을 변경하지 않도록 하는 방법

Vue에서 대화 상자가 완료될 때까지 선택 양식을 변경하지 않도록 하는 방법 다양한 옵션을 선택할 수 있는 선택 필드가 있습니다.사용자가 필드를 클릭하여 현재 선택 항목을 변경할 때 사용자에게 변경을 계속할 것인지 확인하도록 프롬프트를 표시해야 합니다. 그러면 사용자가 긴 프로세스를 다시 수행해야 하기 때문입니다.변경을 취소하는 경우, 선택한 옵션이 변경되는 것을 방지해야 합니다.이는 짧은 일시적인 변경이라도 클라이언트에 자동 저장을 트리거하기 때문입니다.따라서 다른 솔루션은 원래 값을 저장하고 변경을 진행시킨 후 필요에 따라 변경을 되돌리기 때문에 작동하지 않는 것으로 보입니다. 이것이 적절한 방법인지는 모르겠지만 선택 필드를 클릭할 때마다 실행되는 함수를 만들기로 했습니다.네이티브를 사용하여 이 문제..

programing 2022.08.11

컴포넌트가 정의되어 있지만 사용되지 않는 vars는 사용되지 않습니다.

컴포넌트가 정의되어 있지만 사용되지 않는 vars는 사용되지 않습니다. 저는 Vue CLI 프로젝트를 만들고 프로젝트를 시작했습니다. 다음 컴포넌트를 만들었습니다.Navigation.vue: Home Network Settings DHCP IP Static IP Update 그리고 나서 나는 그것을 수입했다.App.vue: 마침내 나는 가지고 있다main.js수정하지 않았습니다. import App from './App.vue' import router from './router' Vue.config.productionTip = false new Vue({ router, render: h => h(App) }).$mount('#app') 다음의 에러가 표시됩니다. ERROR Failed to compil..

programing 2022.08.11

비동기 데이터 내의 Vuej + SSR + router.push()

비동기 데이터 내의 Vuej + SSR + router.push() VUEJS SSR를 설정했는데 해결 방법을 찾을 수 없습니다. 제 경로는 다음과 같습니다. { path: '/:blogSlug', component: BlogPost, name: 'blog-post' } asyncData 함수에는 다음 코드가 있습니다. asyncData({store, route, router}) { let slug = route.params.blogSlug if (!store.state.blog.posts[slug]) { return store.dispatch('FETCH_BLOG_POST', { slug: slug }).catch((error) => { console.log("error - pushing to /404..

programing 2022.08.11

Nuxt.js에서 Vuetify 중단점이 작동하지 않음

Nuxt.js에서 Vuetify 중단점이 작동하지 않음 저는 Nuxt.js를 SSR 엔진으로, Vuetify를 스타일링 프레임워크로 사용하여 프로젝트를 진행하고 있습니다.템플릿 중 하나에 다음과 같은 코드가 있습니다. ... 보시다시피 mb-4 클래스는 작은 화면과 작은 화면에서만 적용하고 싶습니다.그러나 데스크톱 대화면에 로드하여 요소를 검사하면 화면 해상도가 이 클래스를 적용하기 위한 로직과 일치하지 않아도 이 클래스가 첨부됩니다.그러나 브라우저 창의 크기를 조정하면 스타일링이 다시 예상대로 돌아옵니다. 라이프 사이클 훅에서 수동으로 '크기 조정' 이벤트를 디스패치하려고 했습니다. mounted() { window.dispatchEvent(new Event('resize')); } 하지만 소용이 없어..

programing 2022.08.11

for 루프의 현재 항목을 vue.js 2의 메서드에 전달하려면 어떻게 해야 합니까?

for 루프의 현재 항목을 vue.js 2의 메서드에 전달하려면 어떻게 해야 합니까? vue.js 2에서 (연습으로) 쇼핑 카트를 만들고 있습니다.vue 데이터 배열에 상점 아이템과 주문 아이템을 저장하고 각 상점 아이템에 대해 for 루프에 버튼을 표시하여 주문에 아이템을 추가합니다(푸시 등). 다음은 vue 데이터에 있는 상점 배열의 항목 목록을 저장하는 코드 섹션입니다. Shop {{ item.title }} {{ item.description }} ${{item.price}} Quantity Add to Order No Items to Display vue 요소는 다음과 같습니다. new Vue({ el: '#my-order', data:{ 'shop':[ { 'title':'Website Con..

programing 2022.08.11

현재 루트/URL에 다이내믹 브레드 크럼 컴포넌트 베이스를 구축하려면 어떻게 해야 합니까?

현재 루트/URL에 다이내믹 브레드 크럼 컴포넌트 베이스를 구축하려면 어떻게 해야 합니까? 현재 URL에서 링크 베이스를 동적으로 생성하는 Breadcrumbs 구성 요소를 구축하려고 합니다. 예. http://localhost:8080/car/create 내 빵 부스러기는 Home > car > create 예. http://localhost:8080/car/ford 내 빵 부스러기는 홈 > 자동차 > 포드 예. http://localhost:8080/car/ford/raptor 내 빵 부스러기는 홈 > 자동차 > 포드 > 랩터 어떻게 하면 이렇게 역동적으로 만들 수 있을까요? 있습니다 mdi-chevron-right 를 실장할 필요가 있습니다.computed다음과 같은 속성: const breadcr..

programing 2022.08.11

Vuej에서 소품 변경 보기

Vuej에서 소품 변경 보기 어린이용 컴포넌트의 소품으로 시계를 사용하고 싶은데 작동하지 않습니다. 제 코드는 다음과 같습니다. props: { searchStore: { type: Object } }, watch: { searchStore(newValue) { alert('yolo') console.log(newValue) } 그리고 불행하게도 그것은 작동하지 않는다. 이 게시물을 보고 모든 것을 시도했지만 아무 것도 작동하지 않았습니다: VueJs 2.0 - 'props'의 변화를 듣는 방법 Vue Devtools에 내 소품을 확인해보니 변하고 있어. 커뮤니티에 미리 감사드립니다!그 코드에 근거하면, 동작할 수 있기 때문에, 문제는 다른 장소에 있을 가능성이 있습니다.코드를 더 올릴 수 있나요? 즉시..

programing 2022.08.10

Vue-test-utils 래퍼가 정의되지 않았습니다.

Vue-test-utils 래퍼가 정의되지 않았습니다. Jest에 컴포넌트에 대한 다음 테스트 스위트가 있습니다.유사한 구조를 따르는 몇 가지 다른 컴포넌트에 대한 유닛 테스트를 성공적으로 작성했습니다. import { createLocalVue, mount } from '@vue/test-utils' import Vuex from 'vuex' import storeMock from '@mocks/store' import RequestProposalsContainer from '@/components/RequestProposals/RequestProposalsContainer' describe('ProviderComparison component', () => { let localVue, store, w..

programing 2022.08.10

Vue.js에서 v-model을 사용하기 위한 사용자 지정 양식 컨트롤을 쓰는 중

Vue.js에서 v-model을 사용하기 위한 사용자 지정 양식 컨트롤을 쓰는 중 여러 폼 입력을 하나의 커스텀 컴포넌트로 패키지화하는 방법을 배우기 위해 Vue.js에서 커스텀 폼 컨트롤을 작성하려고 합니다. 프로젝트 셋업은 다음과 같습니다(표준 webpack-simple vue cli 셋업). $ tree -L 1 . ├── README.md ├── index.html ├── node_modules ├── package.json ├── src └── webpack.config.js 다음은 최상위 Vue 인스턴스 .vue 파일입니다. // App.vue Email: Password: Store data? Store Data No, do not make my data easily accessible Su..

programing 2022.08.09

vuejs 2의 메서드 내에서 뒤로 버튼을 처리할 수 있습니까?

vuejs 2의 메서드 내에서 뒤로 버튼을 처리할 수 있습니까? vuejs 2에 도움이 필요해요뒤로 버튼 누름 이벤트를 감지하고 싶다.제가 조사를 좀 해봤는데 이걸 발견했는데 document.addEventListener("backbutton", yourCallBackFunction, false"); 세계적인 이벤트인 것 같아요.지역적인 방법이 필요해논리를 쓸 수 있는 곳이지 methods: { backButtonPressed() { } } 아니면 글로벌 기능을 로컬 기능에 바인딩할 수 있습니까?누가 나 좀 도와줄래?TIA에 이벤트를 추가합니다.mounted루트 Vue 컴포넌트(Vue 인스턴스가 연결되어 있는 컴포넌트)의 메서드. var app = new Vue({ el: '#app', data: { m..

programing 2022.08.09
반응형