yoursource

업데이트 시 vuex 상태 업데이트 UI를 만드는 방법 Vuejs와 Vuex를 사용하여 쇼핑 카트 페이지를 만들고 있습니다.카트의 각 품목에는 이 특정 품목에 대해 주문된 품목의 수를 늘리거나 줄이는 수량 카운터가 있어야 합니다.메인 상품 페이지에서 장바구니에 상품을 추가하면 장바구니 페이지를 방문하세요.카운터를 클릭하면 상품 수량이 변경되지만 UI에는 변경이 표시되지 않습니다.페이지를 새로고침한 후에만 변경 내용이 표시되며, 이후 이 특정 카운터에만 새로운 변경 내용이 표시되며, 모든 제품을 추가한 후 새로고침해야만 해당 카운터에 UI 변경 내용이 표시됩니다. 다음은 카트 Vue 컴포넌트를 단순화한 것입니다. {{product.quantity}} 여기가 저의 vuex 스토어입니다. import Vue ..

Vue TypeError _vm이 함수가 아닙니다. 내 Vue 컴포넌트에서는,Home.vue다음과 같이 이 구글 지도 플러그인을 포함합니다. 오브젝트results부모 태그에서 가져온 것입니다.m.locationCoordinates는 입니다.String.그:position의GmapMarkerJSON 오브젝트가 필요합니다.정의하다getMarkerPosition이 문자열을 JSON으로 변환하는 함수입니다. export default { methods: { getMarkerPosition: function (coordinateString) { let split = coordinateString.split(',') return { lat: parseFloat(split[0]), lng: parseFloat(spl..

Vue 상세 감시가 개체 속성 변경에 대해 작동하지 않음 나는 가지고 있다customer오브젝트를 초기 데이터로 사용합니다.텍스트 필드에는 누군가가 입력하기 시작하면 오브젝트에 다른 키가 추가됩니다.새로운 경우key이 추가되면 워처는 정상적으로 기동되지만 키가 기존 값에서 편집된 경우 워처는 정상적으로 기동하지 않습니다. 그래서 제가 주소를 입력하러 가면key street_address1에 추가됩니다.customer감시자가 발사하도록 하는 거죠그런데 주소 편집을 시작하면 더 이상 안 나와요. 템플릿 Contact Email Adderss First Lasts Shipping Address Line 1 Shipping Address Line 2 대본 data() { return { customer: {} ..

휴지 상태 수정 방법초기화예외: 역할 모음을 느리게 초기화하지 못했습니다. 프록시를 초기화할 수 없습니다. 세션 없음 스프링 프로젝트의 커스텀 Authentication Provider에서 로그 사용자의 권한 목록을 읽으려고 하는데 다음 오류가 발생합니다. org.hibernate.LazyInitializationException: failed to lazily initialize a collection of role: com.horariolivre.entity.Usuario.autorizacoes, could not initialize proxy - no Session at org.hibernate.collection.internal.AbstractPersistentCollection.throwLazy..

오류: java: javacTask: 소스 릴리스 8에는 타깃 릴리스 1.8이 필요합니다. IntelliJ IDE를 사용하면 프로젝트를 컴파일할 수 없습니다.아래 설정의 스크린샷: 사용된 JDK: 프로젝트 SDK 및 언어 수준: 언어 수준: 생각나는 사람? [ File ] > [ Settings ]> [ Build , Execution , Deployment ]> [ Compiler ]> [ Java Compiler ]으로 이동합니다.Mac의 경우 Intellij IDEA > [ Preferences ]아래에 있습니다. > 빌드, 실행, 도입 > Java 컴파일러 대상 바이트 코드 버전을 작업 중인 모듈의 1.8로 변경합니다. Maven을 사용하는 경우 컴파일러 플러그인 추가pom.xml최고위급 이하에서..

Vuejs에서 디스패치 처리 후 $emit에 문의 상위 컴포넌트가 있습니다. 하위 구성 요소: Save 액션은 다음과 같습니다. [UPDATE_RESOURCE]({ commit, state }, form) { commit(SET_LOADING, true); return ResourceService.update(state.resource.id, form) .then(({ data }) => { commit(SET_RESOURCE, data); }) .catch(errors => { commit(SET_ERRORS, errors.response.data); }) .finally(() => commit(SET_LOADING, false)); }); }, 양식을 제출할 때 액션은 발송되었지만 아무것도 발송되지 ..

vuex API 요청에서 Vue 구성 요소의 데이터 초기화 vuex 저장소의 비동기 API 호출에서 Vue 구성 요소의 데이터를 초기화하는 가장 간단한 방법은 무엇입니까?데이터를 사용하기 전에 구성 요소가 마운트됩니다. 고려사항: export default { data () { return { loanAmount: 300000, thirtyFixedAPR: null, fifteenFixedAPR: null, fiveArmAPR: null } }, methods: { fetchRates () { this.thirtyFixedAPR = this.$store.state.rates.thirtyFixed.apr this.fifteenFixedAPR = this.$store.state.rates.fifteenFix..

Vuejs의 데이터 객체에 있는 어레이에 항목을 푸시하려면 어떻게 해야 합니까?Vue가 .push() 메서드를 감시하고 있지 않은 것 같습니다. Vue 인스턴스 데이터 개체에서 선언한 어레이에 개체를 추가하려고 합니다.주의 구매 개체에서 값을 설정할 수 있지만 데이터를 주문 대기열 배열에 푸시하면 빈 배열이 채워지지 않습니다.함수가 트리거되고 있지만 어레이가 업데이트되지 않습니다. 제 양식은 다음과 같습니다. @csrf Product @foreach ($products as $product) {{ $product->name }} @endforeach Select a product Quantity Product quantity add Q U E U E 그리고 여기 내 Javascript가 있다. requi..

Vue.js 2.0을 사용한 자동 검색 마감되었습니다. 이 질문은 충족되지 않습니다.스택 오버플로우 가이드라인현재 답변을 받고 있지 않습니다. 이 질문을 개선하시겠습니까?스택 오버플로의 토픽이 되도록 질문을 업데이트합니다. 4년 전에 문을 닫았어요 이 질문을 개선하다 여기 완전 Vue noob이야.Vue의 자동 검색 컴포넌트를 원했을 뿐이에요.부트스트랩에 1개가 있는데 어떻게 통합해야 할지 모르겠어요! 또한 Vue 1.x에 대해서만 또는 문서화된 옵션밖에 찾을 수 없습니다(Vue 2.x에 Bootstrap 컴포넌트를 포트하기 위한 주요 작업은 자동 검색을 포함하지 않는 것 같습니다).vue-strap을 사용했는데 오랫동안 유지보수가 안 돼서...(vue 1 버전과 vue 2 포크 모두) 체크 아웃(자체 ..

Vuex 액션을 여러 파일로 분할하여 디스패치를 사용하려면 어떻게 해야 합니까? 프로젝트의 유지 보수성과 확장성을 높이기 위해 작업을 여러 파일로 분할했습니다.하려고 하고 있다dispatch단, 동작 간에 동작하지 않습니다. 내 파일 트리는 다음과 같습니다. store.js actions |--actions.js |--createShape.js |--addShape.js my store.js는 다음과 같습니다. import actions from './actions/actions' const PlaypadStore = { namespaced: true, state: { localState: '' }, actions: { ...actions, }, } 나의actions.js폴더에는 다음이 있습니다. imp..