goodsource

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

컴포넌트가 정의되어 있지만 사용되지 않는 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..

비동기 데이터 내의 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..

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

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..

현재 루트/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..

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

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..

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..

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